.setup-intro { padding:58px 0 34px; }
.setup-intro h1 { margin:12px 0 18px; }
.setup-intro > p:not(.eyebrow):not(.review-date) { max-width:740px; color:#6c757d; font-size:18px; }
.setup-progress { display:grid; grid-template-columns:repeat(4,1fr); padding:24px 0 0; margin:24px 0 0; list-style:none; border-top:1px solid var(--line); }
.setup-progress li { display:flex; align-items:center; gap:12px; font-size:14px; font-weight:600; }
.setup-progress span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#e9ecef; color:var(--primary); font-size:11px; }
.setup-tools { padding-top:8px; }
.section-heading h2 { margin:0; }
.section-heading > a { font-size:13px; }
.setup-help { font-size:14px; color:#6c757d; margin:14px 0 24px; max-width:830px; }
.product-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.product-tabs button { display:flex; align-items:center; gap:14px; text-align:left; border:1px solid var(--line); border-radius:8px; padding:18px; background:white; color:var(--ink); font:inherit; cursor:pointer; }
.product-tabs button[aria-selected="true"] { border-color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); background:#edf3fa; }
.product-tabs button:hover { border-color:var(--primary); }
.product-tabs strong { display:block; font-size:18px; }
.product-tabs small { display:block; color:#6c757d; font-size:12px; }
.product-symbol { display:grid; place-items:center; flex-shrink:0; font-size:28px; width:44px; height:44px; border-radius:8px; background:#e9ecef; }
.product-symbol.claude { color:#ad4e2b; background:#f6e9dd; }
.product-symbol.gemini { color:#3b60b6; background:#e8eefc; }
.product-panel { padding:28px; border:1px solid var(--line); border-radius:8px; background:white; }
.product-heading { display:flex; justify-content:space-between; gap:24px; align-items:center; }
.product-heading h2 { margin:4px 0; }
.product-heading h2 span { font-size:14px; font-weight:400; color:#6c757d; }
.product-heading .eyebrow { letter-spacing:.3px; }
.product-heading p { font-size:14px; }
.product-requirements { margin-top:24px; padding:20px; border-left:3px solid var(--primary); background:#edf3fa; overflow-wrap:anywhere; }
.product-requirements h3 { margin:0 0 10px; font-size:18px; }
.product-requirements .product-availability { margin:0 0 10px; font-weight:600; }
.product-requirements ul { margin:0; padding-left:22px; font-size:16px; line-height:1.9; }
.product-requirements .requirements-reviewed { margin:12px 0 0; color:#6c757d; font-size:14px; }
.product-downloads { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; max-width:330px; }
.product-downloads a,.setup-next { text-decoration:none; border:1px solid var(--line); background:#f1f1f1; border-radius:8px; padding:9px 14px; font-size:14px; font-weight:600; }
.product-downloads a:hover,.setup-next:hover { background:#e9ecef; }
.setup-columns { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:38px; }
.setup-steps { list-style:none; padding:0; margin:0; }
.setup-steps li { display:flex; gap:16px; margin:0; padding:0 0 26px; }
.step-number { display:grid; place-items:center; flex-shrink:0; width:30px; height:30px; background:#edf3fa; border:1px solid var(--line); border-radius:50%; color:var(--primary); font-size:13px; }
.setup-steps h3 { font-size:17px; margin:0 0 8px; line-height:1.7; }
.setup-steps p { margin:0; color:#6c757d; font-size:14px; }
.setup-route { padding:20px; border:1px solid var(--line); border-radius:10px; background:#f8f9fa; }
.setup-route > div { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); font-size:14px; font-weight:600; }
.setup-route > div span { font-size:11px; color:#6c757d; }
.reference-caption { color:#6c757d; font-size:12px; padding-top:8px; }
.setup-screenshot { margin:20px 0; }
.setup-screenshot img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:8px; }
.setup-screenshot figcaption { color:#6c757d; font-size:12px; margin-top:8px; }
.source-links { margin:18px 0; }
.source-links a { display:block; margin-top:10px; }
.setup-next { display:block; text-align:center; }
#setup-prompt { scroll-margin-top:86px; margin-top:12px; padding:32px; border-radius:8px; }
#setup-prompt .section-heading { align-items:center; }
#setup-prompt .section-heading > div { flex:1; min-width:220px; }
#setup-prompt h2 { font-size:25px; }
#setup-prompt > p { color:#6c757d; font-size:14px; }
.prompt-text { font-size:14px; border:1px solid var(--line); padding:24px; }
.handoff-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; border-top:1px solid var(--line); padding-top:22px; }
.handoff-steps h3 { font-size:16px; }
.handoff-steps p { font-size:13px; color:#6c757d; }
.setup-faq details { padding:18px 0; font-size:14px; }
.setup-faq details p { max-width:800px; color:#6c757d; }
button:focus-visible { outline:3px solid #c98c21; outline-offset:4px; }
@media(max-width:760px) {
    .setup-columns { grid-template-columns:1fr; gap:8px; }
    .product-heading { display:block; }
    .product-downloads { justify-content:flex-start; margin-top:20px; max-width:none; }
    .product-tabs button { padding:14px 8px; gap:8px; flex-direction:column; text-align:center; }
    .product-tabs small { font-size:11px; }
    .product-tabs strong { font-size:16px; }
    .handoff-steps { grid-template-columns:1fr; gap:16px; }
    .setup-progress { grid-template-columns:1fr 1fr; gap:12px; }
    .setup-intro { padding-top:32px; }
    .setup-intro > p:not(.eyebrow):not(.review-date) { font-size:16px; }
    .product-panel, #setup-prompt { padding:20px; }
    .setup-reference { display:grid; grid-template-columns:1fr; }
    .header-links { gap:12px; }
}
@media print { .product-panel[hidden] { display:block !important; } .product-tabs,#copy-agent-prompt,.setup-next { display:none; } }

/* A simple three-step path, with large controls and editable everyday examples. */
#setup-main { max-width:1080px; }
.setup-intro { padding:40px 0 28px; }
.setup-intro .eyebrow { display:none; }
.setup-start { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:28px; }
.setup-start a { display:flex; align-items:center; gap:12px; padding:20px 16px; border:1px solid #dee2e6; border-radius:8px; background:white; text-decoration:none; }
.setup-start a:hover { background:#edf3fa; border-color:var(--primary); }
.setup-start a > span { display:grid; place-items:center; flex-shrink:0; width:34px; height:34px; border-radius:50%; color:white; background:var(--primary); }
.setup-start strong { font-size:16px; line-height:1.6; }
.setup-start small { display:block; font-size:14px; font-weight:400; color:#6c757d; }
#tools-heading,#task-examples { scroll-margin-top:90px; }
.setup-help,.setup-steps p,.product-heading p,#setup-prompt > p,.prompt-text,.setup-faq details,.setup-faq details p { font-size:16px; line-height:1.9; }
.setup-steps h3 { font-size:19px; }
.product-downloads a { min-height:48px; padding:10px 16px; font-size:16px; }
.setup-columns { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:28px; }
.product-tabs small { font-size:14px; }
.prompt-block { border:1px solid #dee2e6; border-radius:8px; background:#f8f9fa; margin-top:20px; overflow:hidden; }
.prompt-block .prompt-text { border:0; background:transparent; padding:24px; margin:0; border-radius:0; width:100%; max-width:100%; color:#212529; font-family:inherit; }
.prompt-block pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.prompt-block .example-text { display:block; resize:vertical; min-height:230px; line-height:1.9; }
.example-text:focus-visible { outline:3px solid #b17f20; outline-offset:-4px; background:white; }
.prompt-actions { display:flex; justify-content:flex-end; align-items:center; gap:16px; padding:16px 20px; border-top:1px solid #dee2e6; background:#e9ecef; }
.prompt-copy,#copy-agent-prompt { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex-shrink:0; min-height:48px; min-width:158px; padding:10px 18px; border:0; border-radius:8px; background:var(--primary); color:white; font:600 16px/1.5 system-ui,sans-serif; cursor:pointer; }
.prompt-copy:hover { background:#326095; }
.prompt-copy:disabled { opacity:.65; cursor:wait; }
.copy-idle { display:block; flex-shrink:0; }
.copy-check { display:none; flex-shrink:0; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.is-copied .copy-idle { display:none; }
.is-copied .copy-check { display:block; animation:copy-pop .35s ease-out; }
.is-copied .copy-check path { stroke-dasharray:1; stroke-dashoffset:0; animation:copy-draw .4s ease-out; }
@keyframes copy-pop { from { transform:scale(.65); } to { transform:scale(1); } }
@keyframes copy-draw { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
.paste-help { margin-top:24px; padding:22px; background:#f1f1f1; border-radius:10px; font-size:16px; }
.paste-help ol { padding-left:24px; margin-bottom:18px; }
kbd { font:inherit; font-size:14px; padding:2px 6px; border:1px solid #ced4da; border-radius:4px; background:white; }
.task-examples { padding:46px 0 20px; }
.task-examples h2 { margin-bottom:14px; }
.example-instructions { max-width:850px; font-size:18px; line-height:1.85; }
.example-tip { color:#6c757d; font-size:14px; }
.example-filters { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 14px; }
.example-filters button { min-height:48px; border:1px solid #dee2e6; border-radius:8px; padding:10px 18px; background:white; color:var(--primary); font:inherit; cursor:pointer; }
.example-filters button[aria-pressed="true"] { background:var(--primary); color:white; border-color:var(--primary); }
#example-count { font-size:14px; color:#6c757d; }
.example-list { display:grid; gap:14px; margin-top:18px; }
.example-card { padding:0; background:white; border:1px solid #dee2e6; border-radius:8px; font-size:16px; }
.example-card > summary { display:grid; grid-template-columns:80px minmax(0,1fr) auto 24px; gap:16px; align-items:center; padding:22px; list-style:none; }
.example-card > summary::-webkit-details-marker { display:none; }
.example-card > summary:hover { background:#f1f1f1; border-radius:8px; }
.example-category { font-size:14px; color:#6c757d; font-weight:400; }
.example-heading strong { display:block; font-size:18px; line-height:1.6; }
.example-heading > span { display:block; font-size:14px; color:#6c757d; font-weight:400; margin-top:5px; }
.example-kind { padding:4px 10px; border-radius:6px; font-size:13px; color:#495057; background:#e9ecef; }
.example-kind.is-write { color:#7c5620; background:#faf0db; }
.example-expand { font-size:24px; font-weight:400; text-align:center; transition:transform .2s; }
.example-card[open] .example-expand { transform:rotate(180deg); }
.example-body { padding:20px 22px 22px; }
.example-body .prompt-block { margin-top:0; }
.example-workflow { display:inline-block; padding-top:16px; font-size:14px; }
@media(max-width:760px) {
    .setup-start { grid-template-columns:1fr; gap:10px; }
    .setup-start a { padding:14px 16px; }
    .setup-columns { grid-template-columns:1fr; }
    .product-tabs { gap:8px; }
    .product-tabs small { font-size:12px; }
    .prompt-block .prompt-text { padding:18px; }
        .prompt-actions { flex-wrap:wrap; padding:14px; gap:10px; }
    .copy-status:not(:empty) { flex-basis:100%; }
    .prompt-copy { margin-left:auto; }
    .example-card > summary { grid-template-columns:minmax(0,1fr) auto 24px; gap:8px; padding:18px; }
    .example-category { grid-column:1; }
    .example-heading { grid-column:1 / 3; grid-row:2; }
    .example-kind { grid-column:2; grid-row:1; }
    .example-expand { grid-column:3; grid-row:1 / 3; }
    .example-body { padding:20px 12px 16px; }
    .example-workflow { padding-left:6px; }
    #setup-prompt { padding:20px 14px; }
    .paste-help { padding:18px; }
}
@media(prefers-reduced-motion:reduce) {
    .is-copied .copy-check,.is-copied .copy-check path { animation:none; }
    .example-expand { transition:none; }
}
@media print { .prompt-actions,.example-filters,.setup-start { display:none; } }

.product-logo { width:44px; height:44px; object-fit:contain; flex-shrink:0; border-radius:10px; }
.setup-columns { margin-top:28px; }
.region-picker { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:24px; margin-bottom:28px; border:1px solid #dee2e6; border-radius:8px; background:#edf3fa; }
.region-picker label { display:grid; gap:8px; font-size:16px; font-weight:600; min-width:0; }
.region-picker select { width:100%; min-width:0; min-height:50px; padding:12px; border:1px solid #adb5bd; border-radius:8px; background:white; color:var(--ink); font:inherit; }
#region-status { grid-column:1/-1; margin:0; font-size:14px; color:#6c757d; }
.region-picker select:focus-visible { outline:3px solid #c98c21; outline-offset:3px; }
@media(max-width:600px) { .region-picker { grid-template-columns:1fr; padding:18px; } }