.header-links{display:flex;align-items:center;gap:24px;font-size:12px}.header-links a{text-decoration:none;color:var(--muted)}.header-links a:hover{color:var(--accent)}.playground-page,.cases-page{max-width:1280px;margin:auto;padding:34px 46px 0}.playground-page>.page-heading{margin-bottom:26px}.playground-page .page-heading h1{font-size:51px}.playground-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start}.free-thread{min-height:230px;max-height:480px}.playground-status{padding:18px 22px;font-size:13px;color:var(--muted);line-height:1.6}.playground-disclosure{margin-top:14px;max-width:640px}.playground-aside{display:grid;gap:20px}.playground-aside h2{font-size:29px;line-height:1.15;margin:15px 0}.playground-aside .prompt-chips{margin-top:20px}.case-invite{padding:24px;background:var(--soft);border-radius:7px;border:1px solid #a32e0b18}.case-invite p{font-size:13px;color:var(--muted);margin-bottom:20px}.aside-note{padding:0 5px}.playground-page .chat-actions{margin-top:12px}.case-chat-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;background:var(--soft);border-left:3px solid var(--accent);border-radius:4px;margin-bottom:22px}.case-chat-banner p{font-size:12px;margin-top:6px;color:#633d2e}.case-chat-banner button{flex-shrink:0;font-size:11px;min-height:38px}.cases-page>.page-heading h1{font-size:55px}.cases-page .prompt-formula{max-width:700px;margin:26px 0}.case-index{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0 32px}.case-index a{border:1px solid var(--line);border-radius:5px;padding:13px;background:white;font-size:12px;text-decoration:none;line-height:1.5}.case-index a:hover{border-color:var(--accent);color:var(--accent)}.case-index span{font:20px var(--serif);color:var(--accent);display:block;margin-bottom:7px}.case-card{background:white;border:1px solid var(--line);border-radius:8px;padding:28px;margin-bottom:26px;scroll-margin-top:24px}.case-heading{display:flex;gap:22px;align-items:start;margin-bottom:24px}.case-number{font:44px/1 var(--serif);color:#a32e0b60;min-width:54px}.case-heading h2{font-size:32px;line-height:1.2;margin:8px 0}.case-heading p{font-size:13px;color:var(--muted)}.prompt-pair{display:grid;grid-template-columns:1fr 1.25fr;gap:20px}.prompt-variant{min-width:0;border:1px solid var(--line);background:#f8f8f9;border-radius:6px;padding:22px;display:flex;flex-direction:column}.prompt-variant.strong{background:#faf3ef;border-color:#a32e0b30}.variant-label{font-size:13px;font-weight:650;color:var(--muted)}.strong .variant-label{color:var(--accent)}.variant-subtitle{font-size:11px;color:var(--muted);margin-top:6px}.prompt-variant blockquote{margin:20px 0 24px;white-space:pre-wrap;font-size:14px;line-height:1.75;overflow-wrap:anywhere}.variant-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto}.variant-actions a{font-size:12px;min-height:41px}.variant-actions button{font-size:11px}.case-explanation{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.case-explanation h3{font-size:13px;margin-bottom:8px}.case-explanation p{font-size:13px;color:var(--muted)}.case-finish{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px;background:var(--soft);border-radius:7px;margin-top:32px}.case-finish h2{font-size:32px;margin-bottom:12px}.case-finish p{font-size:13px;color:var(--muted)}.home .destinations{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home .destination{padding:23px}.home .destination h2{font-size:32px}.home .destination p{font-size:13px}.home .destination p br{display:none}.home .destination-link{font-size:12px;gap:12px}.home .destination:nth-child(3){border-top:3px solid var(--accent);padding-top:21px}.home .destination .eyebrow{font-size:9px}.home .destination p{flex:1}.home-case-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;margin-top:17px;background:white;border:1px solid var(--line);border-radius:6px;font-size:12px;color:var(--muted)}.home-case-link a{color:var(--accent);text-decoration:none;font-weight:600}.home-case-link a:hover{text-decoration:underline}
@media(max-width:1000px){.playground-layout{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.playground-aside .panel{padding:21px}.playground-page,.cases-page{padding-inline:26px}.home .destinations{gap:13px}.home .destination{padding:20px}.home .destination h2{font-size:28px}.home .destination:nth-child(3){padding-top:18px}.home .destination p{font-size:12px}.home .destination-link{font-size:11px}}
@media(max-width:760px){.playground-page,.cases-page{padding:24px 20px 0}.playground-layout{grid-template-columns:1fr}.playground-aside{grid-template-columns:1fr 1fr;gap:16px}.aside-note{grid-column:1/-1}.playground-page .page-heading h1{font-size:41px}.cases-page>.page-heading h1{font-size:44px}.case-index{grid-template-columns:repeat(2,1fr)}.case-card{padding:22px}.case-heading h2{font-size:29px}.prompt-pair{grid-template-columns:1fr;gap:14px}.case-explanation{gap:20px}.case-chat-banner{align-items:start;flex-direction:column;gap:12px}.case-finish{align-items:start;flex-direction:column}.header-links{gap:15px;font-size:11px}.home .destinations{grid-template-columns:1fr}.home .destination{padding:24px}.home .destination:nth-child(3){padding-top:22px}.home .destination h2{font-size:33px}.home .destination p{font-size:13px}.home .destination-link{font-size:12px}.home .destination .eyebrow{font-size:10px}.home-case-link{align-items:start;flex-direction:column;gap:8px}}
@media(max-width:480px){.header-links{flex-direction:column;align-items:end;gap:7px;font-size:10px}.playground-aside{grid-template-columns:1fr}.playground-aside .prompt-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.playground-page .page-heading h1{font-size:36px}.cases-page>.page-heading h1{font-size:38px}.case-index a{font-size:11px}.case-card{padding:19px}.case-heading{gap:13px}.case-number{font-size:33px;min-width:39px}.case-heading h2{font-size:27px}.prompt-variant{padding:18px}.prompt-variant blockquote{font-size:13px}.case-explanation{grid-template-columns:1fr;gap:20px}.free-thread{min-height:220px;max-height:52dvh}.case-finish{padding:24px}.playground-page .chat-actions .primary{min-width:120px}.playground-page,.cases-page{padding-inline:16px}}
@media print{.header-links,.case-index,.variant-actions,.case-finish,.home-case-link{display:none}.case-card{break-inside:avoid}.prompt-pair{grid-template-columns:1fr 1fr}.case-card{padding:16px}.prompt-variant{background:white}.cases-page{padding:0}.prompt-variant blockquote{font-size:11px}}
