/* Additive handbook controls; existing site and Store composition stay scoped. */
.guides-page{padding-top:80px}
.guides-page .guide-chapter,.guide-glossary{scroll-margin-top:14px}
.guide-help .text-link{display:inline-flex;align-items:center;min-height:44px;color:#6744bb;font-weight:800}
.page-inner .brand--footer{color:#fff}
.guide-open-path{display:flex;flex-wrap:wrap;gap:6px 18px;padding:14px 18px;margin:0 0 24px;background:#edf1fa;border:1px solid #dce3ee;border-radius:12px;line-height:1.7;font-size:.9rem}.guide-open-path strong{color:#473475}.guide-open-path span{color:#405368;overflow-wrap:anywhere}
.guide-success-check{margin-top:26px;padding:18px 20px;border:1px solid #b7decd;border-radius:14px;background:#edf9f3;line-height:1.75}.guide-success-check strong{color:#205a43;font-size:.85rem}.guide-success-check p{margin:6px 0 0;color:#345649;font-size:.95rem}
.guide-money-stages{margin:26px 0;padding:22px;border:1px solid #dce3ee;border-radius:16px;background:#fff}.guide-money-stages h3{margin:0 0 18px;font-size:1.2rem;letter-spacing:-.02em}.guide-money-stages dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.guide-money-stages dl>div{padding:14px;background:#f1edf9;border-radius:10px;min-width:0}.guide-money-stages dt{font-weight:800;color:#54338b}.guide-money-stages dd{margin:7px 0 0;font-size:.9rem;line-height:1.7;color:#405368}.guide-money-stages>p{font-size:.88rem;line-height:1.8;color:#506174;margin-bottom:0}
.guide-example-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:26px;align-items:start}.guide-example-gallery .guide-screenshot{width:min(100%,300px);margin:0 auto}.guide-example-gallery .guide-screenshot:only-child{grid-column:1/-1}.guide-example-gallery figcaption strong{color:#344c62;font-size:.85rem}.guide-example-gallery figcaption p{margin:6px 0;font-size:.88rem;line-height:1.75}
.guide-example-gallery .guide-screenshot--wide{width:100%;grid-column:1/-1}
.guide-image-header{position:sticky;top:-16px;background:#fff;z-index:2}.guide-image-header .guide-image-toolbar{position:static}.guide-image-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;background:#fff}.guide-image-pager button{min-height:44px;padding:9px 12px;border:1px solid #bdcbd6;border-radius:10px;background:#f5f2fb;color:#54338b;font:inherit;font-weight:700;cursor:pointer}.guide-image-pager button:disabled{opacity:.4;cursor:default}.guide-image-pager span{font-size:.8rem;white-space:nowrap;color:#506174}
.guide-role-switch{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.guide-role-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #cad5df;border-radius:999px;background:#fff;color:#405368;text-decoration:none;font-weight:700;font-size:.88rem}
.guide-role-switch a[aria-current=page]{background:#6744bb;border-color:#6744bb;color:#fff}
.guide-role-switch a:hover{border-color:#6744bb}
.guide-task-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;max-width:950px}
.guide-task-links p{flex-basis:100%;font-weight:800;color:#344c62;margin:0 0 4px}
.guide-task-links a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 14px;border:1px solid #d5c9ed;border-radius:12px;color:#5e389e;background:#f1ecfa;text-decoration:none;font-size:.9rem;font-weight:700}
.guide-search-row{display:flex;gap:6px;align-items:center}
.guide-search-row input{flex:1;min-width:0}
.guide-search-row button,.guide-no-results button{min-height:44px;border:1px solid #bdcbd6;border-radius:9px;background:#fff;color:#5e389e;padding:8px;cursor:pointer;font:inherit;font-size:.85rem;font-weight:700}
.guide-glossary-link{border-top:1px solid #dce3e8;margin-top:12px}
.guide-glossary{padding:40px 0;scroll-margin-top:110px}
.guide-glossary h2{font-size:1.8rem;letter-spacing:-.03em}
.guide-glossary dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.guide-glossary dl>div{background:#fff;border:1px solid #dce3e8;border-radius:14px;padding:20px;min-width:0}
.guide-glossary dt{font-weight:800;margin-bottom:8px}
.guide-glossary dd{margin:0;color:#506174;line-height:1.7;overflow-wrap:anywhere}
.guide-next-chapter{display:inline-flex;align-items:center;min-height:44px;color:#6744bb;font-size:.9rem;font-weight:700;margin-top:20px}
.guide-resource{padding:18px 20px;border:1px solid #cfc1e9;border-radius:12px;background:#f1ecfa;line-height:1.7}.guide-resource a{display:inline-flex;align-items:center;min-height:44px;color:#5e389e;font-weight:800}.guide-resource span{display:block;font-size:.85rem;color:#506174}
.guide-finish .guide-role-switch a{margin:0}
html:has(.guide-image-dialog[open]){overflow:hidden}
@media(max-width:760px){.guide-role-switch a{flex:1 1 40%;padding:10px}.guide-task-links a{flex:1 1 42%;font-size:.85rem}.guide-glossary dl{grid-template-columns:1fr}.guide-hero .guide-task-links{margin-top:24px}}
@media(max-width:760px){.guide-example-gallery{grid-template-columns:1fr}.guide-image-header{top:-12px}.guide-image-pager button{font-size:.8rem}.guide-open-path{padding:12px 14px}.guide-open-path strong{flex-basis:100%}}
@media(max-width:380px){.guide-money-stages dl{grid-template-columns:1fr}}
@media print{.guide-success-check,.guide-open-path,.guide-money-stages{break-inside:avoid}.guide-example-gallery{display:block}.guide-example-gallery .guide-screenshot{width:180px;margin:20px auto}}
@media print{.guides-page{padding-top:0}.guide-role-switch,.guide-task-links,.guide-next-chapter,.guide-no-results{display:none!important}.guide-glossary dl{display:block}.guide-glossary dl>div{break-inside:avoid;margin-bottom:10px}}