.page{flex-direction:column;min-height:100%;display:flex}.site-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.site-header nav{gap:var(--space-2);align-items:center;display:flex}.page main{flex:1}.hero{max-width:760px;padding:var(--space-6) var(--space-4) var(--space-5);text-align:center;margin:0 auto}.hero h1{margin:0 0 var(--space-3);letter-spacing:-.01em;font-size:clamp(28px,5vw,44px);line-height:1.12}.hero .lede{color:var(--text-muted);font-size:var(--text-lg);margin:0 0 var(--space-5)}.hero:has(.paths){max-width:1100px}.hero:has(.paths) .lede{max-width:680px;margin-left:auto;margin-right:auto}.paths{gap:var(--space-4);text-align:left;grid-template-columns:1.15fr 1fr;display:grid}.path{gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.path h2{font-size:var(--text-xl);margin:0}.path>p{color:var(--text-muted);margin:0}.path-explore{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.path .prompt-note{margin:0}.btn-lg{min-height:48px;font-size:var(--text-md);padding:0 var(--space-5);align-self:flex-start}.public-list{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid}.public-list a{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--surface-2);text-decoration:none;display:block}.public-list a:hover{border-color:var(--accent)}.public-list strong{display:block}.public-list small{color:var(--text-faint);font-size:var(--text-xs)}.path-create .prompt{max-width:none;margin:0}.path-create .prompt-chips{justify-content:flex-start}.prompt{gap:var(--space-2);max-width:560px;margin:0 auto var(--space-3);display:flex}.prompt .input{min-height:44px;font-size:var(--text-md)}.prompt .btn{min-height:44px;padding:0 var(--space-4)}.prompt-chips{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.featured{max-width:1100px;padding:0 var(--space-4) var(--space-5);margin:0 auto}.featured-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.featured-head h2{font-size:var(--text-lg);margin:0}.featured-head p{color:var(--text-faint);font-size:var(--text-sm);margin:0}.featured-frame{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.featured-host{height:380px}.featured-toolbar{justify-content:flex-end;gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--border);background:var(--surface-2);display:flex}.featured-card{min-height:112px;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.featured-card h3{margin:0 0 var(--space-1);font-size:var(--text-md)}.featured-card .date{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.featured-card p{margin:0 0 var(--space-2)}.featured-card a{color:var(--accent);font-size:var(--text-sm)}.featured-card .hint{color:var(--text-faint);margin:0}.how{max-width:1100px;padding:var(--space-5) var(--space-4) var(--space-6);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;display:grid}.how section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.how h2{font-size:var(--text-md);margin:0 0 var(--space-1)}.how p{color:var(--text-muted);margin:0}.legal{max-width:720px;padding:var(--space-5) var(--space-4) var(--space-6);margin:0 auto}.legal h1{font-size:var(--text-xl);margin:0 0 var(--space-1)}.legal .updated{color:var(--text-faint);margin:0 0 var(--space-4);font-size:var(--text-sm)}.legal h2{font-size:var(--text-lg);margin:var(--space-5) 0 var(--space-2)}.legal h3{font-size:var(--text-md);margin:var(--space-4) 0 var(--space-2)}.legal p,.legal li{color:var(--text)}.legal li{margin-bottom:var(--space-1)}.legal a{color:var(--accent)}.draft-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning-text);font-size:var(--text-sm);margin-bottom:var(--space-4)}.site-footer{gap:var(--space-2) var(--space-4);padding:var(--space-4);border-top:1px solid var(--border);background:var(--surface);color:var(--text-faint);font-size:var(--text-sm);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.site-footer a{color:var(--text-muted)}@media (width<=767px){.hero{padding-top:var(--space-5)}.prompt{flex-direction:column}.paths{grid-template-columns:1fr}.site-header .nav-wide{display:none}.path{padding:var(--space-4)}.btn-lg{align-self:stretch}.featured-host{height:320px}}.footer-version{color:var(--text-faint);font-size:var(--text-xs)}.ai-agent-note{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4)}.ai-guide ol li{margin-bottom:var(--space-2)}.ai-prompt-box{position:relative}.ai-prompt-box .btn{top:var(--space-2);right:var(--space-2);position:absolute}.ai-prompt{padding:var(--space-4);padding-top:calc(var(--space-4) + 28px);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:420px;font-size:var(--text-sm);margin:0;overflow:auto}.consent{text-align:left}.consent .actions{justify-content:flex-start}.consent-scopes{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-3);gap:var(--space-3);display:grid}.consent-scopes legend{font-size:var(--text-sm);color:var(--text-muted);padding:0 var(--space-1);font-weight:600}.consent-choice{gap:var(--space-2);cursor:pointer;align-items:flex-start;display:flex}.consent-choice input{margin-top:4px}
