/* ============================================================
   pages/content.css — about / support / legal / other-products
   ============================================================ */

/* About */
.about-photo{aspect-ratio:1;border-radius:var(--r-2xl);overflow:hidden;border:1px solid var(--border);background:
  repeating-linear-gradient(135deg,var(--bg-sunken),var(--bg-sunken) 10px,var(--bg-subtle) 10px,var(--bg-subtle) 20px);
  display:grid;place-items:center}
.about-photo span{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--text-subtle);text-align:center;padding:var(--s4)}
.about-split{display:grid;grid-template-columns:1fr 320px;gap:var(--s7);align-items:start}
@media (max-width:860px){.about-split{grid-template-columns:1fr}.about-photo{max-width:280px}}
.about-prose p{color:var(--text-muted);font-size:var(--t-lg)}
.about-prose p+p{margin-top:var(--s4)}
.values-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:860px){.values-grid{grid-template-columns:1fr}}
.value-card{padding:var(--s6)}
.value-card h3{font-size:var(--t-lg);margin-bottom:var(--s3);display:flex;align-items:center;gap:10px}
.value-card h3 svg{width:22px;height:22px;color:var(--primary);stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.value-card p{color:var(--text-muted);font-size:var(--t-sm)}

/* Support cards */
.support-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:860px){.support-grid{grid-template-columns:1fr}}
.support-card{padding:var(--s6);display:flex;flex-direction:column;gap:var(--s3)}
.support-card .sc-ico{width:48px;height:48px;border-radius:var(--r-md);background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}
.support-card .sc-ico svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.support-card h3{font-size:var(--t-lg)}
.support-card p{font-size:var(--t-sm);color:var(--text-muted);flex:1}
.checklist{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px var(--s5)}
@media (max-width:640px){.checklist{grid-template-columns:1fr}}
.checklist li{display:flex;gap:10px;align-items:center;font-size:var(--t-sm);color:var(--text-muted)}
.checklist li svg{width:18px;height:18px;flex:0 0 auto;color:var(--primary);stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Legal links */
.legal-list{list-style:none;padding:0;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.legal-list a{display:flex;align-items:center;gap:var(--s4);padding:var(--s5);border-bottom:1px solid var(--border);color:var(--text);transition:var(--fast)}
.legal-list li:last-child a{border-bottom:0}
.legal-list a:hover{background:var(--bg-subtle);text-decoration:none}
.legal-list .ll-ico{width:40px;height:40px;flex:0 0 auto;border-radius:var(--r-md);background:var(--bg-sunken);color:var(--primary);display:grid;place-items:center}
.legal-list .ll-ico svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.legal-list b{display:block;font-size:var(--t-base)}
.legal-list span{font-size:var(--t-xs);color:var(--text-subtle);font-family:var(--font-mono)}
.legal-list .ll-arrow{margin-left:auto;color:var(--text-subtle)}

/* Other products blocks */
.op-block{margin-bottom:var(--s8)}
.op-block__head{margin-bottom:var(--s5)}
.op-block__head h2{font-size:var(--t-2xl);margin-bottom:var(--s2)}
.op-block__head p{color:var(--text-muted)}
.op-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.op-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.op-grid{grid-template-columns:1fr}}
.op-card{padding:var(--s5);display:flex;flex-direction:column;gap:10px;transition:var(--normal)}
.op-card:hover{box-shadow:var(--sh-md);border-color:var(--border-strong);text-decoration:none;transform:translateY(-2px)}
.op-card h3{font-size:var(--t-base);font-family:var(--font-body);font-weight:var(--fw-semibold);display:flex;align-items:center;gap:8px}
.op-card h3 .ext{width:13px;height:13px;color:var(--text-subtle);stroke:currentColor;fill:none;stroke-width:2}
.op-card p{font-size:var(--t-sm);color:var(--text-muted);flex:1}
.op-card .op-meta{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--accent)}
.op-highlight{background:linear-gradient(120deg,var(--primary-soft),var(--accent-soft));border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s6)}
.op-highlight h2{font-size:var(--t-2xl);margin-bottom:var(--s2)}
.op-highlight p{color:var(--text-muted);max-width:60ch;margin-bottom:var(--s5)}