.guide-personal-example,.guide-field-reference{padding:18px;margin:18px 0 24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text,var(--ink));min-width:0}
.guide-personal-example h4,.guide-field-reference h4{font:700 calc(18px * var(--font-scale,1)) / 1.4 var(--font-heading,Manrope,system-ui);margin:0 0 8px}
.guide-personal-example>p,.guide-field-reference>p,.guide-base-images>p{font-size:15px;line-height:1.6}
.guide-demo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.guide-demo-tabs button{font:600 15px/1.4 var(--font-control,Manrope,system-ui);padding:9px 14px;min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text,var(--ink));cursor:pointer}.guide-demo-tabs button[aria-pressed=true]{border-color:var(--brand-pink,#ec1159);box-shadow:inset 0 -2px var(--brand-pink,#ec1159)}
.guide-demo-form{display:grid;gap:10px}.guide-demo-row{display:grid;grid-template-columns:minmax(145px,.75fr) minmax(0,1.25fr);gap:10px;align-items:center;min-width:0}.guide-demo-label{padding:9px 12px;border-radius:7px;background:var(--form-label-bg,#e9ebee);color:var(--form-label-text,#414d4d);font:600 calc(15px * var(--font-scale,1)) / 1.5 var(--font-body,Manrope,system-ui);text-align:right;overflow-wrap:anywhere}.guide-demo-value{padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface2);font:450 calc(15px * var(--font-scale,1) * var(--font-size-control,1)) / 1.5 var(--font-control,Manrope,system-ui);overflow-wrap:anywhere}
.guide-demo-card{display:grid;gap:8px;padding:20px;border:1px solid var(--line);border-left:4px solid var(--p2,#9a3412);border-radius:10px;background:var(--surface);font-family:var(--font-task,Manrope,system-ui)}.guide-demo-card[hidden],.guide-demo-form[hidden]{display:none}.guide-demo-card>strong{font-size:calc(20px * var(--font-scale,1) * var(--font-size-task,1));overflow-wrap:anywhere}.guide-demo-card>small{font-size:14px;color:var(--muted)}.guide-demo-card dl,.guide-field-reference dl{margin:8px 0 0}.guide-demo-card dl>div,.guide-field-reference dl>div{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.guide-demo-card dt,.guide-field-reference dt{font-weight:600;overflow-wrap:anywhere}.guide-demo-card dd,.guide-field-reference dd{margin:0;overflow-wrap:anywhere}.guide-demo-priority{color:var(--p2,#9a3412)}.guide-base-images{padding:14px;border:1px solid var(--line);border-radius:9px;margin-top:24px}.guide-base-images>summary{cursor:pointer;font-weight:600;line-height:1.5}
@media(max-width:650px){.guide-personal-example,.guide-field-reference{padding:12px}.guide-demo-row,.guide-demo-card dl>div,.guide-field-reference dl>div{grid-template-columns:minmax(0,1fr)}.guide-demo-label{text-align:left}}
.guide-capture-source{position:fixed;left:-12000px;top:0;width:900px;box-sizing:border-box;pointer-events:none;z-index:-1}
.guide-capture-source .guide-demo-row{grid-template-columns:minmax(145px,.75fr) minmax(0,1.25fr)}
.guide-personal-snapshot{margin:20px 0 0;min-width:0}.guide-personal-snapshot img{display:block;width:100%;height:auto;max-width:100%;border:1px solid var(--line);border-radius:8px}.guide-personal-snapshot figcaption{font-size:14px;line-height:1.5;margin-top:8px}

html:has(#guideInitial){--surface:#fff;--surface2:#f4f7fb;--line:#d6deea;--text:#11283d;--font-body:Manrope,system-ui;--font-control:Manrope,system-ui;--font-heading:Manrope,system-ui;--font-task:Manrope,system-ui}
.guide-personal-example[hidden],.guide-personal-example [data-guide-demo-panel][hidden]{display:none!important}
.guide-demo-list{overflow:auto;background:var(--surface,#fff)}.guide-demo-list table{border-collapse:collapse;width:100%;table-layout:fixed}.guide-demo-list :is(th,td){padding:14px;border:1px solid var(--line,#d6deea);text-align:left;overflow-wrap:anywhere;font:15px/1.5 var(--font-body,Manrope,system-ui)}.guide-demo-list th{font-weight:800;background:var(--surface2,#f4f7fb)}.guide-demo-info{padding:20px;background:var(--surface,#fff);border:1px solid var(--line,#d6deea)}.guide-demo-info h4,.guide-demo-info p{margin:0;padding:10px;line-height:1.6;overflow-wrap:anywhere}.guide-profile-notice{padding:12px 16px;background:#eaf3fa;border-left:3px solid #005b9d;border-radius:0 8px 8px 0;font-size:15px;line-height:1.6}