/* Product documentation: shared reading layout, scoped to documentation and entry links. */
.product-doc,.doc-index{--doc-ink:#183a32;--doc-muted:#536860;--doc-line:#d9e3dc;--doc-paper:#f7f9f5;color:var(--doc-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;font-size:17px;line-height:1.7}
.doc-heading{max-width:1240px;margin:0 auto;padding:54px 40px 44px;border-bottom:1px solid var(--doc-line)}
.doc-heading nav{font-size:14px;color:var(--doc-muted);margin-bottom:28px}.product-doc a,.doc-index a{color:#23664c;text-underline-offset:4px}.product-doc a:hover,.doc-index a:hover{text-decoration-thickness:2px}.doc-kicker{font-size:12px!important;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--doc-muted);margin:0 0 18px}.doc-heading h1{font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-.045em;margin:0 0 20px;max-width:1000px}.doc-heading h1 span{display:block;font-weight:400;color:#647c68}.doc-lead{font-size:20px;max-width:720px;margin:0 0 22px}.doc-product-link{font-size:15px;font-weight:700}.doc-layout{max-width:1240px;padding:48px 40px 80px;margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:60px}.doc-toc{align-self:start;position:sticky;top:28px;font-size:14px;max-height:calc(100vh - 56px);overflow:auto}.doc-toc h2{font-size:14px;margin:0 0 16px}.doc-toc ol{list-style:none;margin:0 0 28px;padding:0;border-left:2px solid #e2e8df}.doc-toc li{margin:0}.doc-toc li a{display:block;padding:6px 0 6px 16px;text-decoration:none;line-height:1.5}.doc-toc li a:hover{background:#f0f5ee}.doc-content{min-width:0;max-width:780px}.doc-content section,.doc-content .wrap,.doc-content article,.doc-content .guide-article{padding:0;margin:0 0 38px;max-width:none;width:auto;background:transparent;border:0}.doc-content h2{font-size:28px;line-height:1.25;letter-spacing:-.02em;margin:0 0 18px;scroll-margin-top:28px}.doc-content h3{font-size:20px;line-height:1.4;margin:20px 0 10px}.doc-content p{margin:0 0 18px;font-size:17px;line-height:1.75}.doc-content ul,.doc-content ol{padding-left:25px;margin:0 0 24px}.doc-content li{padding-left:4px;margin:0 0 14px}.doc-content figure{margin:24px 0;background:var(--doc-paper);padding:14px;border:1px solid var(--doc-line);border-radius:10px}.doc-content img{display:block;max-width:100%;height:auto;border-radius:6px}.doc-content figcaption,.doc-content .edition-image-label{font-size:13px;line-height:1.6;color:var(--doc-muted);margin:10px 0 0}.doc-content .features{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.doc-content .features article{margin:0}.doc-content .button,.doc-content .edition-full-size{display:inline-block;margin:4px 10px 8px 0}.doc-content video,.doc-content iframe{max-width:100%}.doc-original-title{display:none}.doc-content pre{white-space:pre-wrap;overflow-wrap:anywhere}.doc-content #support{padding-top:28px;border-top:1px solid var(--doc-line)}.doc-content a{overflow-wrap:anywhere}.doc-content table{display:block;overflow:auto;max-width:100%}
.doc-index .doc-heading{border-bottom:0}.doc-index-body{max-width:1240px;padding:0 40px 64px;margin:auto}.doc-search{max-width:670px;margin-top:30px}.doc-search label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.doc-search>div{display:flex;gap:8px}.doc-search input{width:100%;min-width:0;border:1px solid #a4b8a9;border-radius:8px;background:white;padding:14px 16px;font:inherit;color:#183a32}.doc-search button{padding:12px 18px;border:1px solid #a4b8a9;border-radius:8px;background:#edf3e9;color:#183a32;font:inherit;cursor:pointer}.doc-search p{font-size:13px;color:var(--doc-muted);margin:8px 0}.doc-categories{display:flex;flex-wrap:wrap;gap:8px 12px;margin:24px 0 0!important}.doc-categories a{padding:7px 14px;border:1px solid var(--doc-line);border-radius:99px;text-decoration:none;background:#f7f9f5}.doc-group{margin:0 0 48px;scroll-margin-top:24px}.doc-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--doc-line);margin-bottom:20px;padding-bottom:10px}.doc-group-heading h2{font-size:28px;letter-spacing:-.025em;margin:0}.doc-group-heading p{font-size:14px;color:var(--doc-muted);margin:0}.doc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.doc-card{padding:24px;border:1px solid var(--doc-line);border-radius:12px;text-decoration:none;display:flex;flex-direction:column;min-height:206px;background:var(--doc-paper);transition:border-color .15s,background .15s}.doc-card:hover{border-color:#638c71;background:#edf4e8}.doc-card-type{font-size:12px;line-height:1.5;color:var(--doc-muted)}.doc-card h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:12px 0 10px;color:var(--doc-ink)}.doc-card p{font-size:14px;line-height:1.6;margin:0 0 20px;color:var(--doc-muted)}.doc-card-action{margin-top:auto;font-size:14px;font-weight:700}.doc-help{border-top:1px solid var(--doc-line);padding-top:20px}.documentation-entry{padding:14px max(24px,calc((100vw - 1160px)/2));background:#eff4ec;border-bottom:1px solid #d9e3dc;font:600 14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.documentation-entry a{color:#23664c;text-underline-offset:4px}.product-doc :focus-visible,.doc-index :focus-visible{outline:3px solid #aa6831;outline-offset:4px}.product-doc [hidden],.doc-index [hidden]{display:none!important}
@media(max-width:900px){.doc-layout{grid-template-columns:210px minmax(0,1fr);gap:30px}.doc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.doc-heading{padding:32px 22px}.doc-heading nav{margin-bottom:22px}.doc-lead{font-size:18px}.doc-layout{display:block;padding:24px 22px 48px}.doc-toc{position:static;max-height:none;margin:0 0 36px;padding-bottom:24px;border-bottom:1px solid var(--doc-line)}.doc-toc ol{margin-bottom:16px}.doc-content h2{font-size:25px}.doc-content .features{display:block}.doc-index-body{padding:0 22px 44px}.doc-cards{grid-template-columns:1fr}.doc-card{min-height:0;padding:22px}.doc-group-heading{display:block}.doc-group-heading p{margin-top:5px}.doc-search input{font-size:16px}.doc-search button{padding:12px}.doc-content figure{padding:8px}.documentation-entry{padding:12px 22px}}
@media print{.doc-toc,.filesoft-header,.filesoft-footer,.doc-search,.doc-categories{display:none}.doc-layout{display:block;padding:0}.doc-content{max-width:none}.doc-heading{padding:0 0 20px}.doc-content section{break-inside:auto}.doc-content figure{break-inside:avoid}.product-doc,.doc-index{font-size:11pt}.doc-content p{font-size:11pt}}

.doc-content .doc-palette{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.doc-content .doc-palette li{padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px}.doc-color{height:64px;display:block;border-radius:8px;border:1px solid #183a3220}.doc-palette code{font-size:12px;color:#536860}

body.docs-page{margin:0}

/* Catalog artwork stays decorative beside the product name; palettes have text labels. */
.doc-card-icon{display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;margin-bottom:18px;border:1px solid #d3e0cd;border-radius:12px;background:#e8efdf;color:#365744}
.doc-card-icon svg{display:block;width:28px;height:28px;stroke-linecap:round;stroke-linejoin:round}
.doc-card-icon--addon{background:#f6eddd;border-color:#e8dac1;color:#805a2e}
.doc-card-icon--tool{background:#e8eef6;border-color:#d4deeb;color:#3f607f}
.doc-card-palette{display:flex;width:100%;height:42px;flex:none;overflow:hidden;border:1px solid #183a3226;border-radius:9px;margin-bottom:20px}
.doc-card-palette>span{flex:1;min-width:0}
@media(max-width:640px){.doc-card-icon{width:42px;height:42px;margin-bottom:16px}.doc-card-palette{height:36px}}

/* UI-001: imported product-guide actions need explicit spacing and wrapping. */
.product-doc .guide-links,.product-doc .ss-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:24px 0}
.product-doc .guide-links>a,.product-doc .ss-actions>a{max-width:100%}

/* Catalog entry bands use one inner gutter, including inside constrained main. */
.documentation-entry--catalog{padding:0}
.documentation-entry--catalog .documentation-entry__inner{box-sizing:border-box;max-width:1280px;margin-inline:auto;padding:8px 48px}
.guide-main>.documentation-entry--catalog .documentation-entry__inner{padding-inline:0}
.documentation-entry--catalog a{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;text-decoration:none;box-sizing:border-box}
.documentation-entry--catalog a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.documentation-entry--catalog a:focus-visible{outline:3px solid #b55a31;outline-offset:3px}
.documentation-entry--catalog svg{flex:none;width:16px;height:16px}
@media(max-width:700px){.documentation-entry--catalog .documentation-entry__inner{padding-inline:24px}.guide-main>.documentation-entry--catalog .documentation-entry__inner{padding-inline:0}}

/* Reuse collection .wrap gutters; theme grids have their own established breakpoints. */
.documentation-entry--catalog .documentation-entry__inner.wrap{max-width:1320px;padding-inline:48px}
@media(max-width:900px){.documentation-entry--catalog .documentation-entry__inner.wrap{padding-inline:24px}}
@media(max-width:600px){.documentation-entry--catalog .documentation-entry__inner.wrap{padding-inline:20px}}
@media(max-width:900px){.themes-page .documentation-entry--catalog .documentation-entry__inner{padding-inline:25px}}
@media(max-width:600px){.themes-page .documentation-entry--catalog .documentation-entry__inner{padding-inline:20px}}