:root{--bg:var(--elio-bg);--surface:var(--elio-surface);--line:var(--elio-border);--ink:var(--elio-text);--muted:var(--elio-text-muted);--accent:var(--elio-action);--dim:var(--elio-text-subtle)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:var(--elio-focus-width) solid var(--elio-focus);outline-offset:var(--elio-focus-offset)}button{cursor:pointer}button:disabled{cursor:default;opacity:1;background:var(--elio-disabled-bg);color:var(--elio-disabled-text);border-color:var(--elio-disabled-border)}button[aria-busy=true]{cursor:progress}button,select{min-height:var(--elio-control-height)}button{color:var(--ink);border:1px solid var(--elio-border-control);border-radius:var(--elio-control-radius);background:var(--surface);padding:10px var(--elio-space-4)}button:hover:not(:disabled),a.action:hover{border-color:var(--accent)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:16px;z-index:20;padding:12px;background:var(--accent);color:#18200f}.skip:focus{top:12px}.site-header{min-height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;min-height:48px;flex:none}.brand img{width:32px;height:32px;flex:none}.brand strong{font-size:22px;font-weight:700;line-height:1.2;letter-spacing:-.03em}.brand span{display:block;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;margin-top:5px;color:var(--muted)}.site-header nav{display:flex;gap:8px 24px;flex-wrap:wrap;justify-content:flex-end;font-size:14px;line-height:1.5;color:#c5cfbb;align-items:center}.site-header nav a{display:inline-flex;align-items:center;min-height:var(--elio-control-height);padding:10px 0;text-underline-offset:.24em}.site-header nav a:hover{text-decoration:underline}.library-shell{display:grid;grid-template-columns:238px minmax(0,1fr);max-width:1800px;margin:auto}.category-panel{padding:32px 22px;border-right:1px solid var(--line);align-self:start;position:sticky;top:0;max-height:100vh;overflow:auto}.category-panel summary{font-size:13px;min-height:var(--elio-control-height);align-content:center;color:var(--muted);letter-spacing:.04em;cursor:pointer;margin:0 12px 20px}.category-panel nav{display:grid;gap:4px}.category-panel nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;padding:11px 12px;border-radius:7px;color:#b7c3ac;min-height:var(--elio-control-height)}.category-panel nav a span{color:var(--dim);font-size:12px;font-variant-numeric:tabular-nums}.category-panel nav a:hover{background:var(--elio-hover-bg);color:var(--ink)}.category-panel nav a[aria-current=page]{background:var(--elio-selected-bg);color:var(--elio-selected-text);box-shadow:inset 3px 0 0 var(--elio-selected-border)}.category-panel nav a[aria-current=page] span{color:var(--accent)}.map-note{margin:30px 12px 0;padding-top:25px;border-top:1px solid var(--line);font-size:12px;line-height:1.8;color:var(--muted)}.map-note a{color:var(--accent)}main{min-width:0;padding:52px clamp(24px,4vw,64px) 24px}.overline{font-size:12px;letter-spacing:.08em;font-weight:650;color:var(--muted)}.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;padding:8px 0 48px}.intro h1{font-size:clamp(35px,3.4vw,53px);line-height:1.21;font-weight:550;letter-spacing:-.06em;margin:20px 0}.intro h1 em{font-style:normal;color:var(--accent)}.intro p{font-size:14px;line-height:1.8;color:var(--muted)}.featured{position:relative;display:flex;flex-direction:column;align-items:start;gap:21px;border:1px solid #48553b;border-radius:14px;background:linear-gradient(125deg,#293721,#1b2317);padding:28px;min-height:236px;overflow:hidden}.featured strong{font-size:24px;line-height:1.4;font-weight:500;letter-spacing:-.04em;z-index:1}.featured>span:last-of-type{font-size:11px;color:#c4d3b5;z-index:1;max-width:260px}.featured>span b{margin-left:10px;color:var(--accent);font-size:18px}.orbit-art{position:absolute;right:-25px;top:22px;width:200px;height:200px;transform:rotate(-25deg);opacity:.7}.orbit-art i{position:absolute;border:1px solid #a8c582;border-radius:50%;width:170px;height:75px;top:55px;left:15px}.orbit-art i:nth-child(2){transform:rotate(60deg)}.orbit-art i:nth-child(3){transform:rotate(-60deg)}.orbit-art b{position:absolute;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#edffd0,#5b7946);top:73px;left:79px;box-shadow:0 0 42px #a2e26344}#search-form{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:24px 0}#search-form>label:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:0;background:var(--elio-input-bg);border:1px solid var(--elio-border-control);border-radius:var(--elio-control-radius);padding-left:14px}.search-wrap input{min-width:0;width:100%;height:48px;border:0;background:none;color:var(--ink);outline-offset:0;padding:10px 12px;font-size:14px}.search-wrap input::placeholder{color:var(--elio-input-placeholder)}.search-wrap button{margin-right:5px;font-size:12px;white-space:nowrap}.kind-label{font-size:12px;color:var(--muted)}select{background:var(--elio-input-bg);color:var(--ink);border:1px solid var(--elio-border-control);border-radius:var(--elio-control-radius);padding:10px 30px 10px 12px;font-size:14px;max-width:100%}.result-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:22px 0 24px}.result-heading h2{font-size:25px;letter-spacing:-.04em;font-weight:550;margin:10px 0}.result-heading p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.result-heading #result-count{font-size:12px;white-space:nowrap;color:var(--muted);padding-bottom:3px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resource-card{min-width:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .15s,transform .15s}.resource-card:hover{border-color:#83996b;transform:translateY(-2px)}.card-preview{height:170px;position:relative;overflow:hidden;background:#e7ecdd;isolation:isolate;pointer-events:none}.card-preview iframe{width:1440px;height:900px;transform:scale(var(--preview-scale,.19));transform-origin:top left;border:0;position:absolute;top:0;left:0}.card-preview[data-compact=true] iframe{width:480px;height:330px;transform:scale(var(--compact-scale,.55))}.card-fallback{height:170px;padding:27px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 75% 20%,#536b3a44,transparent),#202c19;font-size:26px;line-height:1.5;color:#d4eab9;letter-spacing:-.04em}.card-copy{padding:19px 20px 18px;display:flex;flex:1;flex-direction:column}.card-kind{color:#a6b798;font-size:12px;line-height:1.5;display:flex;align-items:center;gap:7px}.card-kind:before{content:'';width:5px;height:5px;border-radius:50%;background:#c4de9f}.card-copy h3{font-weight:650;font-size:18px;line-height:1.5;letter-spacing:-.025em;margin:12px 0 9px}.card-copy p{color:var(--muted);font-size:14px;line-height:1.75;margin:0 0 20px;flex:1}.card-foot{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:12px;line-height:1.6;color:#d8e7c9;font-size:12px}.card-foot span:last-child{color:var(--accent)}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;font-size:12px;color:var(--muted)}.pagination button:disabled{cursor:default}.empty{grid-column:1/-1;padding:60px 24px;border:1px dashed #5e6d50;border-radius:12px;text-align:center;color:var(--muted);line-height:1.8}.empty h3{color:var(--ink)}.empty a{display:inline-block;color:var(--accent);padding:12px}.agent-guide{margin-top:75px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:45px}.agent-guide h2{font-size:24px;font-weight:500;letter-spacing:-.04em;line-height:1.5}.agent-guide p{font-size:14px;color:var(--muted);line-height:1.8}.agent-guide a{font-size:12px;color:var(--accent)}pre{font:11px/1.8 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#0b0f09;border:1px solid var(--line);border-radius:8px;padding:18px;color:#d6e1ca}footer{display:flex;justify-content:space-between;gap:20px;color:#99a48f;font-size:12px;padding:26px 0}footer a{padding:5px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:8px 0;margin-bottom:24px}.detail-head h1{font-size:38px;line-height:1.25;letter-spacing:-.05em;margin:14px 0;font-weight:550}.detail-head p{color:var(--muted);font-size:14px;line-height:1.8;max-width:760px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;margin:30px 0}.preview-panel{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#e8eddf}.preview-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 16px;background:#20271b;border-bottom:1px solid var(--line);font-size:12px}.preview-toolbar label{display:flex;align-items:center;gap:10px;font-size:12px}.preview-toolbar select{min-height:var(--elio-control-height);padding:6px 24px 6px 10px}.live-preview{border:0;width:100%;height:410px;display:block;background:#f4f5ee}.component-controls{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.component-controls h2{font-size:14px;font-weight:550;margin:0 0 24px}.control{margin-bottom:17px}.control>small{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.6}.control label{display:block;font-size:13px;color:#c5d0ba;margin-bottom:9px}.control input:not([type=checkbox]),.control textarea,.control select{width:100%;border:1px solid var(--elio-border-control);background:var(--elio-input-bg);color:var(--ink);border-radius:var(--elio-control-radius);padding:10px;font-size:14px;min-height:var(--elio-control-height)}.control textarea{resize:vertical;min-height:90px;line-height:1.7}.control.check label{display:flex;gap:10px;align-items:center}.control input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.action{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--elio-border-control);border-radius:var(--elio-control-radius);padding:12px 17px;font-size:12px;min-height:var(--elio-control-height)}.action.primary{background:var(--accent);color:var(--elio-on-action);border-color:var(--accent);font-weight:650}.detail-note{color:var(--muted);font-size:12px;line-height:1.8}.code-section{margin-top:30px}.code-header{display:flex;gap:15px;align-items:center;justify-content:space-between}.code-header h2,.usage-section h2{font-size:18px;font-weight:550;letter-spacing:-.03em}.code-header button{display:flex;gap:8px;align-items:center;font-size:12px}.usage-section{margin:32px 0}.consumer-list{display:flex;gap:12px;flex-wrap:wrap}.consumer-list a{display:block;background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:8px;min-width:180px;font-size:13px}.consumer-list small{display:block;color:var(--muted);font-size:11px;line-height:1.8;margin-top:8px}.source-details{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:12px;line-height:1.9}.source-details summary{cursor:pointer;color:#d2dfc5}.source-details a{color:var(--accent);overflow-wrap:anywhere}.demo-stage{padding:40px 28px;min-height:270px;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:24px;background:radial-gradient(ellipse at top right,#3a502a55,transparent),#1a2315}.demo-stage h2{font-size:clamp(25px,3vw,40px);line-height:1.4;font-weight:500;white-space:pre-wrap;letter-spacing:-.04em}.demo-status{min-height:25px;font-size:12px;color:var(--accent)}.chip{display:inline-flex;padding:5px 9px;border-radius:5px;background:#29371e;color:#c5dea8;font-size:10px}.elio-contract{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--surface);margin:24px 0}.elio-contract h2{font-size:17px}.elio-contract p,.elio-contract li{font-size:13px;line-height:1.9;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.resource-card{transition:none}.resource-card:hover{transform:none}}
@media(min-width:1500px){.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.library-shell{grid-template-columns:205px minmax(0,1fr)}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{gap:24px}.featured{padding:22px}.orbit-art{right:-80px;opacity:.45}.detail-layout{grid-template-columns:minmax(0,1fr)}.component-controls form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.agent-guide{grid-template-columns:1fr;gap:16px}.site-header{padding:0 24px}}
@media(max-width:740px){.site-header{min-height:0;padding:16px 20px 10px;align-items:start;flex-direction:column;gap:12px}.site-header nav{width:100%;gap:0 20px;justify-content:flex-start;max-width:none;font-size:13px}.site-header nav a{padding:10px 0;min-height:var(--elio-control-height)}.brand strong{font-size:22px}.library-shell{display:block}.category-panel{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:18px 20px}.category-panel summary{margin:0;font-size:13px;min-height:var(--elio-control-height)}.category-panel nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin-top:15px}.category-panel .map-note{display:none}main{padding:26px 20px}.intro{grid-template-columns:1fr;padding:8px 0 30px;gap:20px}.intro h1{font-size:39px}.intro p br{display:none}.featured{min-height:188px;gap:13px}.featured strong{font-size:22px}.orbit-art{right:0;top:-10px;opacity:.7}#search-form{flex-wrap:wrap;padding:20px 0;gap:10px}.search-wrap{flex-basis:100%}.kind-label{margin-right:auto}.result-heading{margin-top:14px}.result-heading h2{font-size:22px}.result-heading #result-count{font-size:12px}.resource-grid{gap:14px}.card-preview,.card-fallback{height:140px}.card-copy{padding:15px 13px}.card-copy h3{font-size:18px}.card-copy p{font-size:14px}.card-foot{font-size:12px}.agent-guide{margin-top:48px;padding:28px 0}.detail-head h1{font-size:30px}.detail-head p{font-size:14px}.live-preview{height:390px}.preview-toolbar{flex-wrap:wrap}.detail-layout{margin-top:22px}.component-controls form{grid-template-columns:1fr}.component-controls{padding:20px}.demo-stage{padding:30px 20px}.source-details code{overflow-wrap:anywhere}footer{line-height:1.8;flex-direction:column;gap:6px}}
@media(max-width:420px){.resource-grid{grid-template-columns:1fr}.card-preview,.card-fallback{height:190px}.card-copy{padding:20px}.card-copy h3{font-size:18px}.card-copy p{font-size:14px}.intro h1{font-size:36px}.site-header nav{gap:0 18px}.category-panel nav a{padding:9px 8px;font-size:12px}}

.element-expansion{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:22px 24px;margin:0 0 24px;border:1px solid #495e35;border-radius:12px;background:linear-gradient(110deg,#26341f,#1b2418)}.element-expansion>div{flex:1;min-width:min(100%,280px)}.element-expansion strong{display:block;font-size:20px;letter-spacing:-.035em;font-weight:550;margin:8px 0}.element-expansion p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.element-expansion>a{padding:12px 14px;border:1px solid #556946;border-radius:8px;font-size:12px;color:var(--accent);min-height:var(--elio-control-height)}.element-expansion>a:hover{background:#35462a}.element-expansion>a:last-child{color:var(--ink)}
.composition-note{margin:0 0 1.5rem;padding:1rem 1.25rem;border:1px solid var(--line,#d5d9dc);border-radius:12px;background:var(--surface,#f7f7f5);font-size:.875rem;line-height:1.75;color:var(--ink,#26313d)}
.composition-note a{text-decoration:underline;text-underline-offset:.2em}
.tone-controls{margin:0 0 28px;padding:20px 0 24px;border-block:1px solid var(--line)}.tone-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.tone-toolbar strong{font-size:16px;font-weight:600;letter-spacing:-.025em}.tone-toolbar p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.tone-selects{display:flex;gap:14px;flex-shrink:0}.tone-selects label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.tone-selects select{min-width:150px;color:var(--ink)}.tone-families{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(130px,1fr);gap:10px;margin-top:18px;padding:2px 2px 10px;overflow-x:auto;scrollbar-width:thin}.tone-family{display:block;padding:0;min-width:0;overflow:hidden;text-align:left;border-radius:8px}.tone-family[aria-pressed=true]{border-color:var(--elio-selected-border);box-shadow:0 0 0 1px var(--elio-selected-border)}.tone-family .card-preview{display:block;height:92px}.tone-family .card-preview iframe{width:1440px;height:900px;transform:scale(var(--preview-scale,.16))}.tone-family .tone-label{display:flex;align-items:center;gap:6px;padding:10px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.tone-family .tone-label>.ui-icon{width:16px;height:16px;visibility:hidden}.tone-family .tone-label>span{min-width:0}.tone-family[aria-pressed=true] .tone-label>.ui-icon{visibility:visible}.tone-family[aria-pressed=true] .tone-label{color:var(--accent)}#original-style-note{margin-bottom:24px}
@media(max-width:1100px){.tone-toolbar{align-items:start;flex-direction:column}.tone-selects{width:100%}.tone-selects label{flex:1}.tone-selects select{width:100%;min-width:0}.tone-family .card-preview{height:75px}.tone-family .tone-label{padding:8px;font-size:12px}}
@media(max-width:740px){.tone-controls{padding-block:18px}.tone-families{gap:8px;padding-bottom:8px}.tone-family .card-preview{height:86px}.tone-family .tone-label{font-size:12px}.tone-selects{gap:10px}}

/* The first decision is content. Tone comparison is an optional second look. */
main{padding:30px 40px}
.intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:4px 0 20px;gap:28px}
.intro h1{font-size:40px;line-height:1.14;letter-spacing:-.055em;margin:12px 0}
.intro h1 em{font-style:normal;color:var(--accent)}.intro p{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}
.elio-entry{display:grid;gap:9px;max-width:250px;padding:16px 0 16px 24px;border-left:1px solid var(--line)}
.elio-entry strong{font-size:14px;font-weight:550;line-height:1.6}.elio-entry>span:last-child{font-size:12px;color:var(--muted)}.elio-entry:hover strong{color:var(--accent)}
#search-form{border-top:0;padding:12px 0 20px;gap:12px}
#search-form>label:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.search-wrap{max-width:none}.search-wrap input{min-height:48px;font-size:15px}
.tone-controls{padding:16px 0;margin:0 0 26px}.tone-toolbar{gap:16px;align-items:center}
.tone-toolbar strong{font-size:13px}.tone-toolbar p{font-size:12px;margin-top:5px}.tone-selects{gap:12px}
.tone-selects label{font-size:12px}.tone-selects select{min-height:var(--elio-control-height);min-width:145px;padding:8px 28px 8px 10px;font-size:14px}
#tone-comparison{margin-top:12px}#tone-comparison>summary{width:fit-content;cursor:pointer;font-size:12px;color:var(--muted);min-height:var(--elio-control-height);align-content:center;padding:10px 0}#tone-comparison>summary:hover{color:var(--ink)}
.start-points{margin:8px 0 42px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.section-heading h2{font-size:20px;line-height:1.4;font-weight:550;letter-spacing:-.04em;margin:9px 0 0}
.section-heading>a{display:inline-flex;align-items:center;min-height:var(--elio-control-height);font-size:13px;color:var(--muted);padding:10px 0;white-space:nowrap}.section-heading>a:hover{color:var(--accent)}
.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.starter-card{min-width:0;display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);transition:border-color .18s,background .18s}
.starter-card{display:flex;flex-direction:column}.starter-card:focus-within{border-color:var(--accent)}
.starter-card .card-preview{height:205px;flex:none;background:#edece6}.starter-card iframe{pointer-events:none}
.starter-card header{padding:20px 18px 16px}.starter-card h3{font-size:20px;font-weight:550;letter-spacing:-.035em;line-height:1.4;margin:7px 0 0}.starter-card .overline{font-size:12px;color:var(--muted)}
.starter-card footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:16px 18px;border:0;font-size:12px;color:var(--accent)}
.resource-card{border-radius:10px}.card-copy{display:flex;flex-direction:column}.card-copy p{line-height:1.75}.card-foot{margin-top:auto;padding-top:18px}
[hidden]{display:none!important}
@media(max-width:1100px){.intro{grid-template-columns:1fr}.intro h1{font-size:36px}.elio-entry{max-width:none;display:flex;align-items:center;gap:16px;border-left:0;padding:0}.elio-entry .overline{display:none}.tone-toolbar{flex-direction:row}.tone-selects{width:auto}.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.starter-card:first-child{grid-column:span 2}.starter-card:first-child .card-preview{height:220px}}
@media(max-width:740px){main{padding:24px 20px}.intro{padding:6px 0 24px;gap:18px}.intro h1{font-size:32px;max-width:none}.intro p{font-size:14px}.elio-entry>span:last-child{display:none}#search-form{padding:8px 0 18px}.tone-toolbar{align-items:start;flex-direction:column}.tone-selects{width:100%}.tone-selects label{flex:1}.tone-selects select{width:100%;min-width:0}.tone-controls{margin-bottom:24px}.section-heading{align-items:start;flex-direction:column;gap:4px}.section-heading h2{font-size:22px}.starter-grid{grid-template-columns:1fr;gap:16px}.starter-card:first-child{grid-column:auto}.starter-card .card-preview,.starter-card:first-child .card-preview{height:220px}.starter-card h3{font-size:22px}.start-points{margin-bottom:34px}.resource-card .card-copy p{font-size:14px}.resource-grid{grid-template-columns:1fr}.card-copy h3{font-size:18px}.category-panel{padding-block:12px}}
@media(prefers-reduced-motion:reduce){.starter-card{transition:none}}

/* S4: action marks keep their own optical box; brand symbols retain theirs. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ui-icon{display:inline-block;flex:0 0 auto;vertical-align:middle}
#search-icon{display:flex;align-items:center;flex:0 0 18px}
.site-header nav a,.map-note a,.elio-entry strong,.section-heading>a,.card-foot>span:last-child,.empty a,#async-demo{display:inline-flex;align-items:center;gap:8px}
.elio-entry strong{flex-wrap:wrap}.card-foot>span:last-child{flex-shrink:0}
.starter-card footer{align-items:center;gap:12px}.starter-card footer>.ui-icon{margin-left:auto}
.consumer-list a>.ui-icon{margin-left:5px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 20px}

/* Shared feedback and control roles: ../design/foundations.css. */
.control .field-error{margin:8px 0 0;color:var(--elio-error-text);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.control :is(input,textarea,select)[aria-invalid="true"]{border-color:var(--elio-error-text)}

/* S6: choose an outcome first; detail and creation remain distinct actions. */
.starter-preview-link{display:block;min-width:0}
.starter-preview-link>span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--elio-control-height);padding:12px 18px;color:var(--accent);font-size:13px}
.starter-preview-link:hover>span{text-decoration:underline;text-underline-offset:.24em}
.starter-preview-link:focus-visible{outline-offset:-4px}
.starter-card .starter-actions{margin-top:auto;padding:0 18px 18px}
.starter-actions>.action{width:100%;justify-content:center;gap:8px;font-size:14px}
.tone-controls>summary{cursor:pointer;min-height:var(--elio-control-height);padding:4px 0;color:var(--ink)}
.tone-heading{font-size:14px;font-weight:600;line-height:1.6}
.optional-label{margin-left:8px;font-size:12px;font-weight:400;color:var(--muted)}
#tone-summary{display:block;margin:5px 0 0 18px;font-size:13px;line-height:1.6;color:var(--muted)}
.tone-controls[open]>.tone-toolbar{padding-top:18px}
.tone-explanation{max-width:36em;margin:0;font-size:13px;line-height:1.7;color:var(--muted)}
@media(max-width:740px){.starter-card .starter-actions{padding:0 16px 16px}.tone-controls[open]>.tone-toolbar{align-items:stretch}.tone-explanation{max-width:none}}
@media(forced-colors:active){.starter-card:focus-within{border-color:Highlight}.starter-actions>.primary{border-color:ButtonText}}

/* The existing registry owns experimental status; absence is not certification. */
.resource-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--elio-space-2)}
.chip.resource-status{padding:3px 8px;border:1px solid var(--elio-border-control);border-radius:var(--elio-control-radius);background:var(--elio-surface);color:var(--elio-text);font-size:var(--elio-font-label);font-weight:600;line-height:1.5;white-space:nowrap}
.guide-paths{min-width:0;display:grid;gap:var(--elio-space-6)}
.guide-paths article+article{border-top:1px solid var(--elio-border);padding-top:var(--elio-space-6)}
.guide-paths h3{margin:0;font-size:18px;font-weight:650;line-height:1.5;letter-spacing:-.025em}
.guide-paths p{margin:8px 0}
.guide-paths .elio-link{font-size:var(--elio-font-control);line-height:1.5;text-decoration:underline}
.guide-details summary{cursor:pointer;min-height:var(--elio-control-height);align-content:center;color:var(--elio-text);font-size:var(--elio-font-control);line-height:1.6}
.guide-details[open] summary{margin-bottom:var(--elio-space-2)}
.guide-details a{font-size:var(--elio-font-control);text-decoration:underline;text-underline-offset:.2em}