/* Interactive resources use the shared website theme. */
.theme-quiz .quiz-hero{padding:var(--space-lg) 0;background:var(--hero-bg);border-bottom:1px solid var(--line)}
.theme-quiz .quiz-hero h1{max-width:1000px;margin:0 0 var(--space-md);font-size:var(--fs-h2);line-height:var(--lh-heading)}
.theme-quiz .quiz-hero p{max-width:70ch;margin:0;color:var(--muted);font-size:var(--fs-lead)}
.theme-quiz .progress-wrap,.theme-quiz .quiz-container{width:min(720px,calc(100% - 40px));margin-inline:auto}
.theme-quiz .progress-wrap{margin-top:var(--space-lg);margin-bottom:var(--space-md)}
.theme-quiz .progress-meta{display:flex;justify-content:space-between;gap:var(--space-xs);font-size:var(--fs-small);color:var(--muted);margin-bottom:var(--space-xs);font-variant-numeric:tabular-nums}
.theme-quiz .progress-bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden}
.theme-quiz .progress-fill{height:100%;width:0;background:var(--accent)}
.theme-quiz .progress-wrap[hidden]+.quiz-container{padding-top:var(--space-lg)}
.theme-quiz .quiz-container{padding-bottom:var(--space-xl)}
.theme-quiz .question-card,.theme-quiz .result-card{padding:var(--space-lg);border:1px solid var(--line);border-radius:16px;background:var(--card)}
.theme-quiz .question-number{font-size:var(--fs-small);font-weight:600;color:var(--muted);margin-bottom:var(--space-sm)}
.theme-quiz .question-text{scroll-margin-top:calc(var(--space-xl) + var(--space-md));font-size:var(--fs-h3);line-height:var(--lh-title);margin:0 0 var(--space-md);text-wrap:pretty}
.theme-quiz .options{display:grid;gap:var(--space-xs)}
.theme-quiz .option-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:var(--touch-target);padding:var(--space-sm);text-align:left;font-size:var(--fs-body);line-height:1.5;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;transition:background .2s,border-color .2s}
.theme-quiz .option-btn:hover:not(:disabled){background:var(--tint);border-color:var(--accent)}
.theme-quiz .option-btn.selected{background:var(--mint);color:var(--forest);border-color:var(--forest-2)}
.theme-quiz .option-btn:disabled{cursor:default}
.theme-quiz .option-key{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--muted);font-size:var(--fs-label);font-weight:600}
.theme-quiz .result-score{display:flex;align-items:baseline;gap:var(--space-2xs);color:var(--accent);margin-bottom:var(--space-sm);font-variant-numeric:tabular-nums}
.theme-quiz .result-score-num{font-size:var(--fs-h2);font-weight:500;line-height:var(--lh-heading)}
.theme-quiz .result-score-total{font-size:var(--fs-lead);color:var(--muted)}
.theme-quiz .result-tier{scroll-margin-top:calc(var(--space-xl) + var(--space-md));font-size:var(--fs-subhead);line-height:var(--lh-title);margin-bottom:var(--space-md);text-wrap:pretty}
.theme-quiz .result-desc{color:var(--muted)}
.theme-quiz .recommendations{margin:var(--space-lg) 0}
.theme-quiz .rec-item{padding:var(--space-md) 0;border-top:1px solid var(--line)}
.theme-quiz .rec-item:last-child{border-bottom:1px solid var(--line)}
.theme-quiz .rec-icon{display:none}
.theme-quiz .rec-content h3{font-size:var(--fs-lead);line-height:1.4;margin:0 0 var(--space-xs)}
.theme-quiz .rec-content p{color:var(--muted);margin:0}
.theme-quiz .result-restart{display:inline-flex;align-items:center;min-height:var(--touch-target);margin-top:var(--space-sm);padding:8px 0;border:0;background:transparent;color:var(--accent);font-size:var(--fs-small);text-decoration:underline;text-underline-offset:4px}
.theme-quiz .result-restart:hover{text-decoration-thickness:2px}
.theme-quiz :is(.question-text,.result-tier):focus-visible{outline:3px solid var(--accent);outline-offset:5px}

/* Cowork: one reading column, with the existing comparison, setup and examples. */
.theme-guide #gate{padding:var(--space-xl) 0;background:var(--hero-bg);border-bottom:1px solid var(--line)}
.theme-guide #gate.hidden,.theme-guide #guide{display:none}
.theme-guide #guide.visible{display:block}
.theme-guide .gate-inner{width:min(700px,calc(100% - 40px));margin-inline:auto}
.theme-guide .gate-brand,.theme-guide .hero-brand,.theme-guide .section-label{font-size:var(--fs-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}
.theme-guide .gate-inner h1,.theme-guide .cowork-hero h1{font-size:var(--fs-h2);line-height:var(--lh-heading);margin:0 0 var(--space-md)}
.theme-guide .gate-subtitle,.theme-guide .subtitle{font-size:var(--fs-lead);color:var(--muted);line-height:1.6;max-width:70ch}
.theme-guide .gate-form{display:flex;gap:var(--space-xs);align-items:flex-end;margin:var(--space-lg) 0 var(--space-sm)}
.theme-guide .gate-field{flex:1;min-width:0}
.theme-guide .gate-field label,.access-form label{display:block;font-size:var(--fs-small);font-weight:600;margin-bottom:var(--space-2xs)}
.theme-guide .gate-field input,.access-form input{display:block;width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);caret-color:var(--accent);font-size:var(--fs-body)}
.theme-guide .gate-field input::placeholder{color:var(--muted)}
.theme-guide .gate-field input:focus-visible,.access-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.theme-guide .gate-form button{min-height:48px}
.theme-guide .gate-form button:disabled{opacity:.65;cursor:wait;box-shadow:none}
.theme-guide .gate-trust{font-size:var(--fs-label);color:var(--muted);margin:0}
.theme-guide .gate-error{display:none;font-size:var(--fs-small);font-weight:600;color:var(--ink);margin-top:var(--space-sm);padding:var(--space-sm);border:1px solid var(--orange);border-radius:10px;background:var(--card)}
.theme-guide .gate-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md)}
.theme-guide .gate-chip{font-size:var(--fs-label);color:var(--forest);background:var(--mint);border:1px solid var(--forest-2);border-radius:999px;padding:5px 10px}
.theme-guide #guide>.cowork-hero{padding:var(--space-xl) 0;background:var(--hero-bg);border-bottom:1px solid var(--line)}
.theme-guide #guide .container{width:min(75ch,calc(100% - 40px))}
.theme-guide .subtitle{margin-bottom:0}
.theme-guide #guide>section{padding:var(--space-xl) 0;border-bottom:1px solid var(--line)}
.theme-guide #guide>section:nth-of-type(even){background:var(--tint)}
.theme-guide #guide h2{font-size:var(--fs-subhead);line-height:var(--lh-title);text-wrap:pretty}
.theme-guide #guide h3{font-size:var(--fs-h4);line-height:1.4;margin-bottom:var(--space-xs);text-wrap:pretty}
.theme-guide #guide h4{font-size:var(--fs-body);font-weight:600;margin-bottom:var(--space-xs)}
.theme-guide .section-intro{color:var(--muted);margin-bottom:var(--space-md)}
.theme-guide .card-grid,.theme-guide .pricing-grid,.theme-guide .plugin-grid,.theme-guide .app-grid{display:grid;gap:var(--space-sm);margin:var(--space-md) 0}
.theme-guide .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-guide .pricing-grid,.theme-guide .plugin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.theme-guide .app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.theme-guide .card,.theme-guide .pricing-card,.theme-guide .plugin-item,.theme-guide .app-tile,.theme-guide .schedule-card{padding:var(--space-md);border:1px solid var(--line);border-radius:16px;background:var(--card)}
.theme-guide #guide li,.theme-guide #guide p{font-size:var(--fs-body);line-height:1.7}
.theme-guide .card ul,.theme-guide .callout ul{padding-left:var(--space-sm);margin:0}
.theme-guide .card li,.theme-guide .callout li{margin-bottom:var(--space-2xs);color:var(--muted)}
.theme-guide .card li::marker{color:var(--accent)}
.theme-guide .compare-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:var(--space-md) 0;scrollbar-color:var(--accent) var(--tint)}
.theme-guide .compare-wrap:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.theme-guide .compare-table{width:100%;min-width:520px;border-collapse:collapse;font-size:var(--fs-small)}
.theme-guide .compare-table th,.theme-guide .compare-table td{padding:var(--space-sm);border-bottom:1px solid var(--line);text-align:left}
.theme-guide .compare-table th{font-weight:600;background:var(--card)}
.theme-guide .compare-table th:not(:first-child),.theme-guide .compare-table td:not(:first-child){text-align:center}
.theme-guide .compare-table tr:last-child td{border-bottom:0}
.theme-guide .compare-table .hl{background:var(--tint)}
.theme-guide .check{color:var(--accent);font-weight:700}
.theme-guide .cross{color:var(--muted)}
.theme-guide .step{display:flex;gap:var(--space-sm);align-items:flex-start;margin-bottom:var(--space-md)}
.theme-guide .step-num{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;font-size:var(--fs-small);font-weight:700;color:var(--forest);background:var(--mint)}
.theme-guide .step-content{min-width:0}
.theme-guide .step-content p{color:var(--muted);margin:0}
.theme-guide .callout{padding:var(--space-md);margin:var(--space-md) 0;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.theme-guide .callout-accent,.theme-guide .callout-green{background:var(--tint)}
.theme-guide .callout-amber{background:var(--yellow);color:#554818;border-color:#c8b779}
.theme-guide .callout-amber p,.theme-guide .callout-amber li{color:inherit}
.theme-guide .callout-dark{background:var(--dark-band);color:var(--on-dark)}
.theme-guide .callout-dark p{color:var(--dark-muted)}
.theme-guide .callout p:last-child{margin-bottom:0}
.theme-guide .app-tile{text-align:center;padding:var(--space-sm);font-size:var(--fs-small);font-weight:600}
.theme-guide .app-icon{display:none}
.theme-guide .file-item{display:grid;grid-template-columns:130px minmax(0,1fr);gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--line)}
.theme-guide .file-badge{align-self:start;justify-self:start;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);font:600 var(--fs-label)/1.5 ui-monospace,monospace;color:var(--accent)}
.theme-guide .file-item p,.theme-guide .schedule-card p,.theme-guide .plugin-item p{color:var(--muted);margin:0}
.theme-guide .schedule-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--space-sm);margin-bottom:var(--space-sm)}
.theme-guide .schedule-time{font-size:var(--fs-small);font-weight:600;color:var(--accent)}
.theme-guide .pricing-card{text-align:center;padding:var(--space-md) var(--space-sm)}
.theme-guide .pricing-card.rec{border:2px solid var(--forest-2)}
.theme-guide .pricing-card.rec::after{content:'SWEET SPOT';display:inline-block;margin-top:var(--space-sm);padding:4px 10px;border-radius:999px;background:var(--mint);color:var(--forest);font-size:var(--fs-label);font-weight:600}
.theme-guide .price{font-size:var(--fs-h3);font-weight:500;font-variant-numeric:tabular-nums}
.theme-guide .price span{font-size:var(--fs-small);color:var(--muted)}
.theme-guide .pricing-card p{color:var(--muted);margin:var(--space-xs) 0 0}
.theme-guide #guide>.cta{padding:var(--space-lg) 0;text-align:center;background:var(--dark-band);color:var(--on-dark)}
.theme-guide .cta p{color:var(--dark-muted);margin:0 auto var(--space-md);max-width:70ch}
.theme-guide .cta .button{background:var(--mint);color:var(--forest)}
.theme-guide .cta .button:hover{background:#fff}
.theme-guide .cta a:focus-visible{outline-color:var(--lime)}
.theme-guide #guide .cta-sub{font-size:var(--fs-small);margin-top:var(--space-sm);margin-bottom:0}
.theme-guide #guide-title:focus-visible{outline:3px solid var(--accent);outline-offset:5px}

/* The private library's login uses the same shell; authentication is separate. */
.access-form{max-width:520px}
.access-form .field-error{padding:var(--space-sm);border:1px solid var(--orange);border-radius:10px;background:var(--card);color:var(--ink)}
@media(max-width:700px){.theme-quiz .quiz-hero{padding:var(--space-md) 0}.theme-quiz .quiz-hero p{font-size:var(--fs-body)}.theme-quiz .progress-wrap{margin-top:var(--space-md)}.theme-quiz .question-card,.theme-quiz .result-card{padding:var(--space-md)}.theme-quiz .quiz-container{padding-bottom:var(--space-lg)}.theme-guide #gate,.theme-guide #guide>.cowork-hero,.theme-guide #guide>section{padding:var(--space-lg) 0}.theme-guide .gate-form{flex-direction:column;align-items:stretch}.theme-guide .gate-field{width:100%}.theme-guide .card-grid,.theme-guide .pricing-grid,.theme-guide .plugin-grid{grid-template-columns:minmax(0,1fr)}.theme-guide .app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-guide .file-item,.theme-guide .schedule-card{grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}}
@media(max-width:520px){.theme-quiz .progress-wrap,.theme-quiz .quiz-container,.theme-guide .gate-inner,.theme-guide #guide .container{width:calc(100% - 28px)}.theme-quiz .question-card,.theme-quiz .result-card{padding:var(--space-sm)}}
@media print{.theme-guide .gate-form,.theme-guide .gate-chips,.theme-guide .directory-footer{display:none}.theme-guide #guide>section{padding:24px 0}.theme-guide .compare-wrap{overflow:visible}.theme-guide .compare-table{min-width:0}.theme-guide .card,.theme-guide .callout,.theme-guide .pricing-card{break-inside:avoid}}