.greeting-intro { max-width:72ch; }
.greeting-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:1.5rem; align-items:start; margin:1.5rem 0 2rem; }
.greeting-layout > .panel { min-width:0; }
.greeting-layout .field { margin-bottom:1rem; }
.greeting-layout input,.greeting-layout select { width:100%; min-height:44px; }
.greeting-layout label { display:block; margin-bottom:.4rem; }
.greeting-layout .small { color:var(--muted,#9fb0c0); }
#greeting-output,.greeting-sample { max-width:100%; padding:1rem; margin:0 0 1rem; overflow:auto; font:13px/1.25 var(--mono,Consolas,monospace); white-space:pre; background:#0b0f14; color:#d8f3ff; }
#greeting-output[data-theme="light"] { background:#fff; color:#111; }
#greeting-status { min-height:1.5em; }
.greeting-layout .toolbar { flex-wrap:wrap; }
.greeting-layout .toolbar button,.greeting-examples button { min-height:44px; }
.greeting-examples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }
.greeting-examples article { min-width:0; }
.greeting-examples h3 { margin-top:0; }
.greeting-examples .usability-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.greeting-prose { max-width:80ch; margin-block:2rem; }
.greeting-links { margin:1rem 0; padding:.75rem 0; border-block:1px solid var(--border,#253241); display:flex; gap:.65rem 1.25rem; flex-wrap:wrap; align-items:center; }
.greeting-links a { min-height:44px; display:inline-flex; align-items:center; }
.greeting-links strong { font-size:.9rem; }
.greeting-related { margin-top:2rem; }
.greeting-page :is(a,button,input,select,pre):focus-visible { outline:2px solid var(--accent,#2dd4bf); outline-offset:4px; }
@media(max-width:850px) { .greeting-layout,.greeting-examples { grid-template-columns:minmax(0,1fr); } }