:root{--ink:#203d38;--paper:#f5f2e8;--white:#fffef9;--line:#cfcfbd;--muted:#59675f;--green:#285f50;--gold:#b47c37;--rose:#a25040;--soft:#e5eadc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6}
*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:.2em}a:hover{color:#7a5127}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--green);border-radius:6px;padding:.6rem 1rem;background:var(--green);color:white;cursor:pointer;text-decoration:none;display:inline-block;font-weight:650;line-height:1.35}button:hover,.button:hover{background:#174739;color:white}button.secondary,.button.secondary{background:transparent;color:var(--green)}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{border:1px solid #8b9c8b;background:var(--white);color:var(--ink);border-radius:4px;padding:.55rem .65rem;max-width:100%;min-width:0}input[type=checkbox],input[type=radio]{width:1.1rem;height:1.1rem;accent-color:var(--green)}textarea{width:100%;min-height:6rem}input[type=number]{width:8rem}input[type=range]{width:100%}label{display:block;font-weight:600}fieldset{border:1px solid var(--line);border-radius:8px;padding:1rem;min-width:0}legend{padding:0 .4rem;font-weight:700}form{margin:.8rem 0}h1,h2,h3{line-height:1.13;font-weight:550;letter-spacing:-.025em}h1,h2{font-family:Georgia,"Times New Roman",serif}h1{font-size:clamp(2.2rem,4.8vw,4.8rem);margin:.4rem 0 1.2rem}h2{font-size:clamp(1.8rem,3.2vw,3rem);margin:.5rem 0 1rem}h3{font-size:1.3rem;margin:.4rem 0 1rem}p{margin:.5rem 0 1rem}img{max-width:100%;height:auto}figure{margin:0}figcaption{font-size:.83rem;color:var(--muted);padding-top:.45rem}header,main,footer{width:min(1280px,calc(100% - 64px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:24px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}.brand img{width:52px}.brand strong{display:block;font-size:1.25rem;letter-spacing:-.04em}.brand small{display:block;font-size:.8rem;color:var(--muted)}nav{display:flex;gap:1.5rem;flex-wrap:wrap}nav a{text-decoration:none;font-size:.9rem}.skip{position:absolute;left:1rem;top:-5rem;background:var(--white);padding:1rem;z-index:99}.skip:focus{top:1rem}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:750;color:var(--muted)}.hero{display:grid;grid-template-columns: .92fr 1.25fr;gap:3rem;align-items:center;padding:60px 0 46px}.hero img{border-radius:12px;display:block;width:100%}.lede{font-size:1.17rem;line-height:1.65;max-width:58ch}.hero .button{margin-top:1rem}.section{padding:55px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;align-items:start}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--white);text-decoration:none;color:var(--ink);display:block}.card img{width:100%;display:block;aspect-ratio:1.5;object-fit:cover}.card .copy{padding:18px}.card h3{font-size:1.15rem}.card p{font-size:.9rem;line-height:1.55}.card .eyebrow{font-size:.67rem}.card:hover{border-color:var(--green);box-shadow:0 8px 20px #203d3812;color:var(--ink)}.arrow{font-weight:700;font-size:.86rem}.grid{display:grid;gap:1.2rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:1.3rem;margin:1rem 0;min-width:0}.panel>*:last-child{margin-bottom:0}.callout{border-left:4px solid var(--gold);padding:.9rem 1.2rem;background:#efe9d9;margin:1rem 0}.muted,.small{color:var(--muted)}.small,small{font-size:.86rem}.row,.actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.actions{margin:1rem 0}.stack>*+*{margin-top:1rem}.field{display:flex;flex-direction:column;gap:.35rem;margin:.5rem 0}.field label{font-size:.9rem}details{border:1px solid var(--line);border-radius:6px;padding:.7rem 1rem;margin:1rem 0}summary{cursor:pointer;font-weight:650}details[open]>summary{margin-bottom:1rem}.table-wrap{overflow:auto;max-width:100%;margin:1rem 0}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{padding:.65rem .7rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#e9ecdf;font-weight:700}td{overflow-wrap:anywhere}td input,td select{max-width:14rem}caption{text-align:left;font-weight:650;padding:.7rem 0}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;background:#e8e9dd;font-size:.76rem;font-weight:700}.badge.good{background:#dcebdd;color:#22573a}.badge.warn{background:#f6e7bd;color:#694600}.badge.bad{background:#f2dacf;color:#813726}.metric{font:2rem Georgia,serif}.notice{border:1px solid #9ab6a0;border-radius:6px;padding:.9rem 1rem;background:#e5ecdf;line-height:1.5;margin:1rem 0}.notice.error{background:#fae6d9;border-color:#b87558}.diagram{display:block;width:100%;height:auto;max-height:550px;overflow:visible}svg text{font-family:inherit;fill:var(--ink)}.app-header{padding:35px 0 12px;max-width:970px}.app-header h1{font-size:clamp(2rem,3.8vw,3.5rem)}.app-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px;align-items:start}.app-nav{position:sticky;top:20px;margin-top:1rem}.app-nav a{display:block;text-decoration:none;padding:.5rem .65rem;margin:.25rem 0;border-left:3px solid transparent;font-size:.88rem}.app-nav a[aria-current=page]{border-color:var(--green);background:var(--soft);font-weight:700}.app-main{min-width:0}.app-main h2{font-size:1.75rem}.app-main h3{font-size:1.12rem}.app-main .panel .grid{align-items:start}#app{min-height:200px}#app svg{max-width:100%}.io{background:#eeeee3}.io .actions button{font-size:.85rem}.io textarea{font-family:ui-monospace,monospace;font-size:.8rem}footer{border-top:1px solid var(--line);padding:30px 0 45px;margin-top:50px;display:flex;justify-content:space-between;gap:2rem;font-size:.83rem}.question-diagram{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:1rem;width:100%;height:auto}.reading{max-width:850px}.reading h2{margin-top:2.7rem}.open-list{columns:3;list-style:none;padding:0}.open-list li{font-size:.9rem;break-inside:avoid;padding:.4rem 0}.open-list code{font-size:.78rem;color:var(--muted)}.project-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-strip div{padding-top:14px;border-top:3px solid var(--gold)}.project-strip strong{font-family:Georgia,serif;font-size:1.17rem;font-weight:550}.project-strip p{font-size:.85rem}.selected{background:#e6eedf}.warning{color:#884424}.success{color:#245b37}.error-text{color:#90351f}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.app-layout{grid-template-columns:155px minmax(0,1fr);gap:22px}.grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){header,main,footer{width:calc(100% - 32px)}.site-header{gap:1rem;align-items:flex-start}.site-header nav{gap:.65rem;font-size:.8rem}.brand small{display:none}.brand img{width:42px}.hero{grid-template-columns:1fr;padding:32px 0;gap:22px}.hero h1{font-size:2.8rem}.hero .lede{font-size:1.04rem}.section-head{grid-template-columns:1fr;gap:.5rem}.section{padding:32px 0}.grid.two,.grid.three{grid-template-columns:1fr}.project-strip{grid-template-columns:repeat(2,1fr)}.app-layout{display:block}.app-nav{position:static}.app-nav a{display:inline-block;font-size:.8rem;border-left:0;border-bottom:2px solid transparent;margin:0}.app-nav a[aria-current=page]{border-bottom-color:var(--green)}.app-header{padding:28px 0 10px}.app-header h1{font-size:2.3rem}.app-main .panel{padding:1rem}.open-list{columns:1}footer{display:block}nav a{font-size:.8rem}th,td{padding:.5rem}button{min-height:42px}.diagram{min-height:150px}.cards{gap:12px}.card .copy{padding:13px}.card h3{font-size:1.04rem}}
@media(prefers-reduced-motion:no-preference){.card{transition:box-shadow .15s,border-color .15s}}@media print{.site-header nav,.app-nav,.io,.actions,button,footer{display:none}header,main{width:100%}.app-layout{display:block}.panel{break-inside:avoid}.table-wrap{overflow:visible}.app-header h1{font-size:2rem}.hero{padding:1rem 0}.cards{grid-template-columns:repeat(2,1fr)}}
.essay-trial{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1.4rem;margin:2.3rem 0;align-items:start}.essay-trial img{border:1px solid var(--line);border-radius:8px}.essay-trial h3{font-family:Georgia,serif;font-size:1.4rem}.diagram-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:6px}.diagram-scroll .diagram{min-width:700px}.app-nav nav{display:block}@media(max-width:620px){.essay-trial{grid-template-columns:1fr}.essay-trial img{max-width:200px}.question-diagram{padding:.4rem}.site-header{flex-wrap:wrap}.site-header nav{width:100%;justify-content:space-between}}
@media(max-width:460px){.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:42% minmax(0,1fr)}.card img{align-self:center;aspect-ratio:1.5}.card .copy{padding:14px}.card p{font-size:.85rem}}
.field{min-width:0;max-width:100%}.row>.field{flex:1 1 220px}.field select,.field input{max-width:100%}

.cluster-cards{margin-top:24px}.source-record{border-left:3px solid var(--gold);padding:0 1rem;margin:1rem 0}.source-record blockquote{margin:.7rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.packet-tools{background:#edf0e5}.packet-tools>h2{font-size:1.6rem}textarea[readonly]{background:#f4f4ec}code{overflow-wrap:anywhere}

.scenario-note{margin-bottom:32px}.app-nav details{background:var(--white)}.app-nav details[open] nav{max-height:65vh;overflow:auto}.app-nav>p a{font-weight:700;padding-left:0}.card .copy{display:flex;flex-direction:column}.card .arrow{margin-top:auto}#concept:empty,#construction:empty{display:none}@media(max-width:720px){.app-nav details[open] nav{max-height:40vh}}

.grid>*{min-width:0}#app pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}#app blockquote{overflow-wrap:anywhere}

/* The collection stamp retains its full envelope proportions. */
.experiment-stamp{box-sizing:border-box;width:min(28rem,100%);margin:1.5rem 0 2rem}.experiment-stamp img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.experiment-stamp-wrap{width:min(28rem,calc(100% - 3rem));margin-left:auto;margin-right:auto}