/* Technical study workspace: structured prompts, context and projects. */
:root{--navy:#102a40;--mint:#e4f3ed;--cream:#f3f6f8;--sage:#82b9a6;--terra:#176b50;--muted:#465e70;--line:#c9d5de;--white:#fff;--tech-bg:#101d2c;--tech-panel:#152739;--tech-line:#3a5165;--tech-text:#edf4f8;--tech-muted:#afc2d2;--tech-accent:#91e8c2;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
body{font-family:Arial,Helvetica,sans-serif}
h1,h2,h3{font-weight:600;letter-spacing:-.045em;text-wrap:initial}
em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--terra)}
.eyebrow,.mini-label,.package-no{font-family:var(--mono);font-weight:500;letter-spacing:.08em}
.eyebrow{font-size:.7rem}
.site-header{background:var(--tech-bg);color:var(--tech-text);border-bottom:1px solid var(--tech-line)}
.header-inner{min-height:92px}
.brand span{font-family:var(--mono);font-size:.8rem;font-weight:400;border-color:var(--tech-line)}
nav a{font-weight:500;font-size:.84rem}
.nav-cta{border-color:#7b99af;border-radius:4px}
.hero{background-color:var(--tech-bg);color:var(--tech-text);background-image:linear-gradient(#8bb9d408 1px,transparent 1px),linear-gradient(90deg,#8bb9d408 1px,transparent 1px);background-size:44px 44px}
.hero-grid{grid-template-columns:1.08fr 1fr;gap:64px;padding:58px 0 50px}
.hero h1{font-size:clamp(2.8rem,4.8vw,4.65rem);line-height:1.07;font-weight:600}
.hero h1 em{color:var(--tech-accent)}
.hero-copy .eyebrow{color:var(--tech-accent);font-size:.66rem;letter-spacing:.07em}
.hero-lead{font-size:1.06rem;line-height:1.65;color:var(--tech-muted);max-width:480px}
.hero-note{font-size:.86rem;margin-top:22px;color:var(--tech-muted)}
.hero-note strong{color:var(--tech-text)}
.hero-bottom{font-family:var(--mono);font-size:.65rem;font-weight:400;border-color:var(--tech-line);color:var(--tech-muted)}
.button{border-radius:4px;font-weight:600;border-width:1px}
.dark{background:#123b30;color:#fff}
.dark:hover{background:#1d5d49}
.hero .button.dark{background:var(--tech-accent);color:#102a25;border-color:var(--tech-accent)}
.hero .button.dark:hover{background:#b2f6da}
.hero .text-link{color:var(--tech-text)}
.text-link{font-weight:600}
.prompt-workbench{background:var(--tech-panel);border:1px solid var(--tech-line);border-radius:6px;min-width:0;box-shadow:10px 10px 0 #0a15214d}
.workbench-bar{font-family:var(--mono);display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--tech-line);font-size:.67rem;color:var(--tech-muted)}
.workbench-mark{color:var(--tech-accent);font-size:1rem}
.workbench-type{margin-left:auto;font-size:.6rem;letter-spacing:.08em}
.workbench-tabs{display:flex;border-bottom:1px solid var(--tech-line)}
.workbench-tabs button{font-family:var(--mono);font-size:.68rem;line-height:1.5;background:transparent;color:var(--tech-muted);border:0;border-right:1px solid var(--tech-line);border-bottom:2px solid transparent;padding:15px 18px;text-align:left}
.workbench-tabs button[aria-selected=true]{background:#1b3246;color:var(--tech-accent);border-bottom-color:var(--tech-accent)}
.prompt-workbench [role=tabpanel]{min-height:420px}
.spec-input{display:flex;gap:16px;align-items:baseline;padding:22px 24px 18px;font-family:var(--mono);font-size:.74rem;color:var(--tech-muted);flex-wrap:wrap}
.spec-input>span{font-size:.61rem;letter-spacing:.06em;color:#d4ab96}
.spec-input s{text-decoration-color:#ba8165}
.prompt-spec{padding:0 24px 12px 48px;margin:0;list-style:decimal-leading-zero;font-family:var(--mono)}
.prompt-spec li{padding:12px 0 12px 11px;border-top:1px solid #2c4357;font-size:.65rem;color:#8aabc1}
.spec-key{font-size:.63rem;letter-spacing:.08em;color:var(--tech-accent)}
.prompt-spec p{font-family:Arial,Helvetica,sans-serif;font-size:.85rem;line-height:1.55;margin-top:5px;color:var(--tech-text)}
.workbench-footer{display:flex;gap:12px;border-top:1px solid var(--tech-line);padding:15px 20px;font-family:var(--mono);font-size:.65rem;color:var(--tech-muted)}
.workbench-footer>span{color:var(--tech-accent)}
.project-tree{padding:22px 24px;font-family:var(--mono);font-size:.8rem}
.tree-root{color:var(--tech-accent);font-size:.82rem}
.project-tree ul{list-style:none;margin:16px 0 0 5px;padding:0 0 0 20px;border-left:1px solid var(--tech-line)}
.project-tree li{position:relative;padding:9px 0 10px 5px}
.project-tree li:before{content:'';position:absolute;left:-20px;top:22px;width:15px;height:1px;background:var(--tech-line)}
.tree-kind{font-size:.58rem;letter-spacing:.08em;color:var(--tech-accent);display:block;margin-bottom:4px}
.project-tree strong{font-family:Arial,Helvetica,sans-serif;font-size:.9rem;line-height:1.5;font-weight:500;color:var(--tech-text)}
.project-tree small{display:block;font-family:Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5;color:var(--tech-muted);margin-top:3px}
.tree-note{font-size:.63rem;line-height:1.6;color:var(--tech-muted);margin-top:18px}
.prompt-examples{padding-top:70px}
.prompt-intro{max-width:780px;margin-bottom:30px}
.prompt-intro h2{font-size:clamp(2rem,3.6vw,3.35rem);line-height:1.12;margin-bottom:20px}
.prompt-intro>p:last-child{font-size:1rem;line-height:1.7;max-width:650px;color:var(--muted)}
.prompt-tabs{display:flex;flex-wrap:wrap;gap:0;margin:0 0 26px;border-bottom:1px solid var(--line)}
.prompt-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:15px 20px;line-height:1.4;font-size:.85rem;font-family:var(--mono)}
.prompt-tabs button[aria-selected=true]{color:var(--navy);background:#e2eaf0;border-bottom-color:var(--terra)}
.prompt-comparison{display:grid;grid-template-columns:.8fr 1.25fr;gap:22px;align-items:start}
.prompt-before,.prompt-after{min-width:0;padding:28px;border:1px solid var(--line);border-radius:5px;background:var(--white)}
.prompt-after{background:var(--tech-bg);color:var(--tech-text);border-color:var(--tech-line)}
.prompt-comparison h3{font-family:var(--mono);font-size:.66rem;line-height:1.6;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.prompt-after h3{color:var(--tech-accent);border-color:var(--tech-line)}
.prompt-comparison blockquote{margin:0;font-size:.94rem;line-height:1.75}
.prompt-before blockquote{font-family:var(--mono);font-size:1.15rem;line-height:1.6;letter-spacing:-.03em}
.prompt-before>p{font-size:.84rem;line-height:1.7;color:var(--muted);margin-top:24px}
.prompt-after blockquote p+p{margin-top:24px}
.prompt-field{display:block;font-family:var(--mono);font-size:.63rem;letter-spacing:.05em;color:var(--tech-accent);line-height:1.6;margin-bottom:7px}
.prompt-changes{max-width:none;font-size:.86rem;line-height:1.8;color:var(--muted);margin-top:21px}
.prompt-changes strong{color:var(--navy)}
.prompt-footnote{max-width:850px;font-size:.77rem;line-height:1.7;color:var(--muted);margin-top:27px}
.approach{background:#e7edf2;border-block:1px solid var(--line)}
.example-panels{background:var(--white);border:1px solid var(--line);border-radius:5px}
.example-tabs button{font-weight:500}
.example-tabs button[aria-selected=true]{color:var(--navy);background:#dce7ed}
.after p{font-weight:400}
.project-components{margin:24px 0 0}
.project-components>div{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.project-components dt{font-family:var(--mono);font-size:.76rem;line-height:1.6}
.project-components dd{font-size:.84rem;line-height:1.6;margin:0;color:var(--muted)}
.sessions{background:var(--cream)}
.package{border-radius:5px;padding:30px;background:var(--white)}
.package.featured{background:#e4f3ed;border:1px solid #6a9b89}
.package h3{font-weight:600}
.price{font-weight:600;font-variant-numeric:tabular-nums}
.package-intro{font-weight:600}
.package-no{font-weight:500}
.package-result{min-height:100px}
.process{border-top:1px solid var(--line);background:var(--white)}
.process li>span{font-family:var(--mono)}
.about{background:#e7edf2}
.project-blueprint{margin:0;max-width:420px;width:100%;min-width:0}
.project-blueprint img{width:100%;height:auto}
.project-blueprint figcaption{font-family:var(--mono);font-size:.67rem;color:var(--muted);line-height:1.6;margin-top:13px}
summary{font-weight:500}
.booking{background:var(--tech-bg)}
.booking em{color:var(--tech-accent)}
.booking-panel{border-radius:5px}
.booking-status{border-color:#5d788c}
.booking .dark:hover{background:#1d5d49}
:focus-visible{outline:3px solid #278e71;outline-offset:5px}
.hero :focus-visible,.site-header :focus-visible{outline-color:var(--tech-accent)}
@media(max-width:1100px){.hero-grid{gap:34px}.hero h1{font-size:clamp(2.5rem,5vw,4rem)}.workbench-bar{padding:15px}.workbench-tabs button{padding:14px;font-size:.62rem}.workbench-type{display:none}.prompt-spec{padding-left:39px;padding-right:18px}.spec-input{padding:19px 18px 16px;gap:10px;font-size:.68rem}.prompt-before,.prompt-after{padding:25px}.package{padding:25px}.hero-bottom{font-size:.6rem}}
@media(max-width:800px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:38px;padding:34px 0 38px}.hero h1{font-size:clamp(2.7rem,8vw,4.8rem)}.prompt-workbench{max-width:560px;width:100%;margin:auto}.prompt-workbench [role=tabpanel]{min-height:410px}.prompt-spec p{font-size:.9rem}.workbench-tabs button{font-size:.7rem}.workbench-bar{font-size:.72rem}.prompt-comparison{grid-template-columns:minmax(0,1fr)}.prompt-intro h2 br{display:none}.prompt-before blockquote{font-size:1.1rem}.prompt-before,.prompt-after{padding:25px}.prompt-examples{padding-top:48px}.package-result{min-height:0}.prompt-tabs button{padding:14px;font-size:.75rem}.header-inner{min-height:90px}.project-blueprint{max-width:380px}.project-components>div{grid-template-columns:1fr 1.4fr}}
@media(max-width:440px){.hero h1{font-size:clamp(2rem,9.2vw,2.9rem)}.hero-copy .eyebrow{font-size:.62rem;line-height:1.7}.hero-lead{font-size:1rem}.hero-note{font-size:.85rem}.workbench-bar{font-size:.65rem;gap:9px;padding:14px}.workbench-mark{font-size:.85rem}.workbench-tabs button{font-size:.63rem;padding:14px 12px;flex:1}.spec-input{font-size:.67rem;display:block}.spec-input>span{display:block;margin-bottom:6px}.prompt-spec p{font-size:.85rem}.prompt-spec{padding-left:33px;padding-right:17px}.prompt-spec li{padding-left:8px}.prompt-workbench [role=tabpanel]{min-height:440px}.workbench-footer{font-size:.61rem;padding:15px 14px}.project-tree{padding:20px 17px}.project-tree small{font-size:.76rem}.prompt-tabs{flex-direction:column;border:1px solid var(--line);border-radius:4px}.prompt-tabs button{text-align:left;border-bottom:1px solid var(--line);padding:14px 16px}.prompt-tabs button:last-child{border-bottom:0}.prompt-tabs button[aria-selected=true]{box-shadow:inset 3px 0 var(--terra)}.prompt-before,.prompt-after{padding:22px}.prompt-comparison h3{font-size:.65rem}.prompt-comparison blockquote{font-size:.92rem}.prompt-before blockquote{font-size:1.05rem}.hero-actions .text-link{font-size:.85rem}.header-inner{gap:18px}.project-components>div{grid-template-columns:1fr;gap:7px}.brand span{font-size:.7rem}.project-blueprint figcaption{font-size:.66rem}}
@media print{.prompt-workbench{display:none}.hero{background:white;color:#102a40}.hero h1 em,.hero-lead,.hero-note,.hero-note strong{color:#102a40}.prompt-tabs{display:none}.prompt-examples [role=tabpanel][hidden]{display:block!important;margin-top:24px}.prompt-comparison{grid-template-columns:1fr 1fr}.prompt-before,.prompt-after{break-inside:avoid}.prompt-after{background:white;color:#102a40}.prompt-after h3,.prompt-field{color:#176b50}.prompt-before blockquote{font-size:11pt}.prompt-comparison blockquote{font-size:10pt}}