/* Static guide and news pages (ARCH-WEB-HELP). Orchard palette from landing.css. */
:root{--cream:#FBF5EA;--putty:#F4EEE3;--forest:#3E6B52;--forest-d:#2E5340;--apricot:#FFB877;
  --ink:#22372B;--muted:#5B6B5F;--line:rgba(34,55,43,.12);}
*{box-sizing:border-box;}
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 'Nunito Sans',system-ui,sans-serif;}
a{color:var(--forest);}
a:hover{color:var(--forest-d);}
h1,h2,h3,h4{font-family:'Quicksand',system-ui,sans-serif;font-weight:700;line-height:1.25;color:var(--ink);}
h1{font-size:clamp(30px,5vw,42px);margin:.2em 0 .3em;}
h2{font-size:24px;margin:1.8em 0 .5em;}
h3{font-size:19px;margin:1.5em 0 .4em;}

.hc-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  max-width:1040px;margin:0 auto;padding:18px 16px;}
.hc-brand{display:flex;align-items:center;gap:10px;font:700 21px 'Quicksand',sans-serif;color:var(--ink);text-decoration:none;}
.hc-top nav{display:flex;gap:22px;}
.hc-top nav a{font-weight:700;text-decoration:none;color:var(--ink);}
.hc-top nav a:hover{color:var(--forest);}
.hc-main{max-width:760px;margin:0 auto;padding:12px 16px 64px;}
.hc-foot{border-top:1px solid var(--line);color:var(--muted);font-size:14px;padding:36px 16px 28px;}
.hc-foot .hc-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;}
.hc-social{display:flex;gap:18px;}
.hc-social a{color:var(--muted);text-decoration:none;}
.hc-social a:hover{color:var(--forest);}
.hc-cols{display:flex;flex-wrap:wrap;gap:28px 64px;max-width:1040px;margin:0 auto 28px;}
.hc-col h2{font:700 13px 'Quicksand',sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 12px;}
.hc-col a{display:block;margin-bottom:9px;color:var(--muted);text-decoration:none;}
.hc-col a:hover{color:var(--forest);}
.hc-foot p{max-width:1040px;margin:0 auto;}

.hc-crumbs{font-size:14px;color:var(--muted);margin-top:8px;}
.hc-meta{font-size:14px;color:var(--muted);margin:0 0 1.2em;}
.hc-cat h2{margin-top:1.4em;}
.hc-list{list-style:none;padding:0;margin:0;}
.hc-list li{padding:14px 0;border-bottom:1px solid var(--line);}
.hc-list li a{font:700 19px 'Quicksand',sans-serif;text-decoration:none;}
.hc-list li p{margin:4px 0 0;color:var(--muted);}
.hc-list li .hc-meta{margin:0 0 2px;}

.hc-head{display:flex;align-items:center;gap:20px;margin:.6em 0 1em;}
.hc-head h1{margin:0 0 .15em;}
.hc-head .hc-meta{margin:0;}
.hc-cover{width:96px;height:96px;flex:none;border-radius:22px;}
.hc-thumb{width:56px;height:56px;flex:none;border-radius:13px;object-fit:cover;}
.hc-cat .hc-list li{display:flex;gap:16px;align-items:flex-start;}
.hc-hero{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0 0 1.4em;}
.hc-body{overflow-wrap:break-word;}
.hc-body img,.hc-hero,.hc-video{max-width:100%;height:auto;border-radius:14px;}
.hc-video{width:100%;background:#000;margin-bottom:1em;}
.hc-body blockquote{margin:1.2em 0;padding:12px 18px;background:var(--putty);border-left:4px solid var(--apricot);border-radius:0 12px 12px 0;}
.hc-body blockquote p{margin:.3em 0;}
.hc-body table{display:block;overflow-x:auto;border-collapse:collapse;margin:1.2em 0;font-size:15px;}
.hc-body th,.hc-body td{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top;}
.hc-body th{background:var(--putty);}
.hc-body hr{border:0;border-top:1px solid var(--line);margin:2em 0;}
.hc-body code{background:var(--putty);padding:1px 5px;border-radius:5px;font-size:.92em;}

.hc-actions{display:flex;flex-wrap:wrap;gap:12px;margin:2em 0;}
.hc-button{background:var(--forest);color:#fff;padding:11px 20px;border-radius:999px;font-weight:700;text-decoration:none;}
.hc-button:hover{background:var(--forest-d);color:#fff;}
.hc-related{margin-top:3em;padding:20px 24px;background:var(--putty);border-radius:16px;}
.hc-related h2{margin-top:0;font-size:19px;}
.hc-related ul{margin:0;padding-left:20px;}

/* Store pages (ARCH-WEB-STORE) */
.st-lede{font-size:19px;color:var(--ink);margin:0 0 1em;}
.st-grid{list-style:none;padding:0;margin:0 0 1em;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;}
.st-card{position:relative;display:flex;gap:14px;align-items:flex-start;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:border-color .15s,box-shadow .15s;}
.st-card a{font:700 18px 'Quicksand',sans-serif;text-decoration:none;}
/* The title link covers the whole card, so a tap anywhere opens it; one link per card for screen readers. */
.st-card a::after{content:'';position:absolute;inset:0;border-radius:inherit;}
.st-card:hover{border-color:var(--forest);box-shadow:0 2px 10px rgba(34,55,43,.08);}
.st-card:has(a:focus-visible){outline:2px solid var(--forest);outline-offset:2px;}
.st-card a:focus-visible{outline:none;}
.st-card p{margin:3px 0 0;color:var(--muted);font-size:15px;line-height:1.45;}
.st-card .hc-meta{margin:6px 0 0;font-size:13px;}
.st-icon{width:64px;height:64px;flex:none;border-radius:15px;}
.hc-head .st-icon{width:96px;height:96px;border-radius:22px;}
.st-banner{display:block;width:100%;height:auto;aspect-ratio:3/1;border-radius:16px;margin:0 0 1.2em;}
.st-thumb{width:72px;height:auto;aspect-ratio:17/22;flex:none;border-radius:6px;border:1px solid var(--line);background:#fff;}
.st-pin{display:block;width:100%;max-width:420px;height:auto;aspect-ratio:2/3;border-radius:16px;margin:0 0 1.2em;}
.st-tag-list{list-style:none;padding:0;margin:0 0 1em;display:flex;flex-wrap:wrap;gap:8px 18px;}
.st-tag-about{margin:0 0 1.2em;}
.st-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 1em;}
.st-facts div{background:var(--putty);border-radius:12px;padding:10px 14px;}
.st-facts dt{font-size:13px;color:var(--muted);}
.st-facts dd{margin:0;font-weight:700;}
.st-preview{background:var(--putty);border-radius:16px;padding:6px 20px 16px;margin:1.4em 0;}
.st-preview h2{margin-top:.8em;font-size:19px;}
.st-preview audio{width:100%;}
.st-preview .hc-meta{margin:.5em 0 0;}
.st-app{margin-top:2.2em;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;}
.st-app p{margin:0;}
.st-app .hc-actions{margin:14px 0 0;}
.hc-button.st-alt{background:transparent;color:var(--forest);box-shadow:inset 0 0 0 2px var(--forest);}
.hc-button.st-alt:hover{background:var(--putty);color:var(--forest-d);}
.st-excerpt{margin:1.4em 0;}
.st-excerpt blockquote{margin:0;padding:6px 20px;background:var(--putty);border-left:4px solid var(--apricot);border-radius:0 12px 12px 0;}
.st-excerpt .hc-meta{margin:.5em 0 0;}

.st-fit{margin:.8em 0 .2em;}
.st-chapters{padding-left:22px;}
.st-chapters li{margin:0 0 8px;}
.st-chapters span{display:block;color:var(--muted);font-size:15px;}
.st-faq div{margin:0 0 14px;}
.st-faq dt{font-weight:700;}
.st-faq dd{margin:2px 0 0;}
.st-cta-short{margin:0 0 1.4em;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;}
.st-cta-link{font-weight:700;}
.st-cta{display:grid;grid-template-columns:1fr;gap:16px;margin:2.2em 0 1.4em;}
.st-cta>div{padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;}
.st-cta-new{background:var(--putty);}
.st-cta h2{margin:0 0 .4em;font-size:20px;}
.st-cta p{margin:0;}
.st-cta .hc-actions{margin:14px 0 0;}
.st-cta .hc-meta{margin:12px 0 0;font-size:13px;}
.st-qr-wrap{display:none;margin:16px 0 0;align-items:center;gap:14px;}
.st-qr{width:132px;height:132px;flex:none;border:1px solid var(--line);border-radius:8px;}
.st-qr-wrap figcaption{font-size:14px;color:var(--muted);}
@media(min-width:720px){.st-cta{grid-template-columns:1fr 1fr;}.st-qr-wrap{display:flex;}}

/* About page */
.ab-cards{list-style:none;padding:0;margin:0 0 1em;display:grid;grid-template-columns:1fr;gap:14px;}
.ab-cards li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;}
.ab-cards img{display:block;width:100%;max-width:200px;height:auto;margin:0 auto 14px;}
.ab-cards h3{margin:0 0 .3em;font-size:18px;}
.ab-cards p{margin:0;color:var(--muted);font-size:16px;line-height:1.5;}
.ab-letter{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 20px;}
.ab-letter>p:first-child{margin-top:0;}
.ab-fig{margin:1.6em 0;}
.ab-fig img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:14px;}
.ab-fig figcaption{font-size:14px;color:var(--muted);margin-top:8px;text-align:center;}
.ab-sig{font:700 24px 'Quicksand',sans-serif;color:var(--forest);margin:.6em 0 0;}
.ab-founder{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;}
.ab-founder img{width:200px;height:200px;flex:none;border-radius:50%;object-fit:cover;}
.ab-founder div{flex:1 1 280px;}
.ab-founder h3{margin:0 0 .3em;}
.ab-founder p{margin:0 0 .5em;}
.ab-contact{margin-top:2.6em;padding:6px 24px 18px;background:var(--putty);border-radius:20px;}
.ab-contact h2{margin-top:.8em;}
@media(min-width:720px){.ab-cards{grid-template-columns:repeat(3,1fr);}.ab-letter{padding:36px 44px;}}
.ab-founder .ab-role{font-weight:700;color:var(--forest);margin:0 0 .4em;}
