.md176{--md176-pink:#b11860;max-width:1440px;margin:auto;padding-bottom:100px;color:var(--ui-text);min-width:0}.md176 *{box-sizing:border-box}.md176 small{display:block;line-height:1.5}.md176 button,.md176 input,.md176 select{font:inherit;min-height:44px;max-width:100%}.md176 button{cursor:pointer}.md176 :is(button,input,select):focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}.md176-hero{padding:24px;border-radius:18px;background:linear-gradient(125deg,var(--ui-brand-soft),var(--ui-surface));border:1px solid var(--ui-border)}.md176-hero h2{font-size:1.8rem;margin:8px 0}.md176-search{width:100%;padding:12px;border-radius:12px;border:1px solid var(--ui-border);background:var(--ui-surface);color:inherit}.md176-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.md176-heading h3{margin:0 0 10px}.md176-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.md176-topic{padding:14px;text-align:start;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:16px;color:inherit}.md176-topic[aria-pressed=true],.md176-shortcuts button[aria-pressed=true]{border:2px solid var(--md176-pink);background:var(--ui-brand-soft)}.md176-topic>span{font-size:1.6rem;display:block}.md176-topic strong{display:block}.md176-topic small{color:var(--ui-muted)}.md176-shortcuts{padding:16px;margin:18px 0;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface)}.md176-shortcuts>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.md176-shortcuts button{border:1px solid var(--ui-border);border-radius:24px;padding:6px 12px;background:var(--ui-surface);color:inherit}.md176-shortcuts input,.md176-shortcuts select{padding:8px;background:var(--ui-surface);color:inherit;border:1px solid var(--ui-border);border-radius:8px}.md176-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.md176-filters button{padding:5px 10px;background:var(--ui-brand-soft);color:inherit;border:1px solid var(--ui-border);border-radius:18px}.md176-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.md176-card{border:1px solid var(--ui-border);border-radius:16px;overflow:hidden;background:var(--ui-surface);min-width:0}.md176-card img,.md176-photo-empty{width:100%;height:160px;object-fit:cover;background:var(--ui-display-bg)}.md176-photo-empty{display:grid;place-items:center;padding:12px;text-align:center;color:var(--ui-muted)}.md176-card>div:last-child{padding:14px}.md176-card h3{margin:0 0 6px}.md176-card p{margin:7px 0;overflow-wrap:anywhere}.md176-card button{width:100%;padding:8px;border-radius:10px;border:1px solid var(--ui-border);background:var(--ui-brand);color:white;margin-top:10px}.md176-notice{padding:12px;line-height:1.6;border:1px solid var(--ui-border);border-radius:10px;overflow-wrap:anywhere}.md176-status:empty{display:none}.md176-bottom{display:flex;justify-content:space-around;gap:8px;padding:12px;margin-top:18px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:14px}.md176-bottom button{background:transparent;color:inherit;border:0}.md176 [role=alert]{color:var(--ui-error-fg,var(--ui-danger))}[data-theme=dark] .md176{--md176-pink:#ffa5d0}@media(max-width:700px){.md176-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.md176-hero{padding:18px 14px}.md176-results{grid-template-columns:minmax(0,1fr)}.md176-card{display:grid;grid-template-columns:110px minmax(0,1fr)}.md176-card img,.md176-photo-empty{height:100%;min-height:140px}.md176-card>div:last-child{padding:12px}.md176-topic{padding:12px}.md176-topic strong{font-size:.95rem}}

.md176-brand{display:flex;align-items:center;gap:10px;padding:0 2px 16px;color:var(--ui-brand)}.md176-brand img{width:32px;height:32px;object-fit:contain}.md176-brand strong{font-size:1.15rem}


/* D1 exploration surface: route-scoped layout; C10/T10 and shared controls keep their original rules. */
.md176{--md176-pink:#d71962;--md176-ink:#122c45;--md176-line:#f1dbe4;background:#f8f9fb;color:var(--ui-text);padding-bottom:24px}
.md176-brand{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 16px;background:var(--ui-surface);border-bottom:1px solid var(--ui-border);color:var(--md176-ink)}
.md176-brand-main{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0;background:transparent;border:0;color:inherit;font-weight:700}
.md176-brand-main img{width:30px;height:30px}.md176-brand-main strong{font-size:1rem;white-space:nowrap}
.md176-brand nav{display:flex;gap:8px}.md176-brand nav button{width:40px;height:40px;min-height:40px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);color:var(--md176-ink);font-size:1.35rem;line-height:1}
.md176-hero{border:0;border-radius:0;background:#fff0f3;padding:22px 16px 20px}.md176-hero>small{color:var(--md176-pink);font-weight:700}.md176-hero h2{color:var(--md176-ink);font-size:1.5rem;margin:7px 0}.md176-hero p{margin:0 0 14px;color:var(--ui-muted);font-size:.88rem}
.md176-search{background:var(--ui-surface);border:1px solid #c9d9e8;border-radius:12px;box-shadow:0 2px 7px #24374a0b;padding:11px 14px;font-size:1rem}
.md176-heading{padding:0 16px;margin:16px 0 9px;align-items:baseline}.md176-heading h3{margin:0;color:var(--md176-ink);font-size:1rem}.md176-heading small{color:var(--ui-muted)}
.md176-topics{padding:0 16px;gap:8px}.md176-topic{min-height:88px;border:1px solid var(--md176-line);background:var(--ui-surface);box-shadow:0 3px 10px #1b29400a;border-radius:16px;padding:11px}.md176-topic:nth-child(4n + 1),.md176-topic:nth-child(4n + 4){background:#fff7f9}.md176-topic>span{font-size:1.35rem;line-height:1.25}.md176-topic strong{color:var(--md176-ink);font-size:.9rem;margin:4px 0 1px}.md176-topic small{font-size:.78rem}.md176-topic[aria-pressed=true],.md176-shortcuts button[aria-pressed=true]{border:2px solid var(--md176-pink);background:#ffe7ee;color:var(--md176-pink)}
.md176-shortcuts{margin:16px 16px 8px;padding:13px;border:1px solid var(--ui-border);box-shadow:0 3px 10px #1b29400a}.md176-shortcuts h3{color:var(--md176-ink);font-size:1rem;margin:0 0 10px}.md176-shortcuts>div{gap:7px}.md176-shortcuts button{min-height:36px;padding:5px 10px;font-size:.85rem}.md176-shortcuts label{font-size:.85rem}.md176-shortcuts select,.md176-shortcuts input{min-height:36px}
.md176-filters,.md176-status{margin-left:16px;margin-right:16px}.md176>h3{margin:14px 16px 5px;color:var(--md176-ink);font-size:1.1rem}.md176 [data-md176-results]{margin:0 16px}.md176-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.md176-card{border-color:var(--ui-border);box-shadow:0 3px 10px #1b29400a}.md176-card h3{color:var(--md176-ink);font-size:1rem}.md176-card button{background:var(--md176-pink);border-color:var(--md176-pink)}.md176-photo-empty{background:var(--ui-display-bg)}
.md176-bottom{border:0;border-top:1px solid var(--ui-border);border-radius:0;margin:18px 0 0;padding:6px 4px;background:var(--ui-surface)}.md176-bottom button{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ui-muted);font-size:.76rem;padding:3px;min-width:0}.md176-bottom button:first-child{color:var(--md176-pink);font-weight:700}.md176-bottom button span{font-size:1.2rem;line-height:1.15}.md176-demo-label{margin:12px 16px;color:var(--ui-muted);font-size:.72rem}
body[data-theme=dark] .md176{--md176-pink:#ff9ac6;--md176-ink:var(--ui-text);--md176-line:var(--ui-border);background:var(--ui-canvas)}
body[data-theme=dark] .md176-hero,body[data-theme=dark] .md176-topic:nth-child(4n + 1),body[data-theme=dark] .md176-topic:nth-child(4n + 4){background:var(--ui-brand-soft)}
body[data-theme=dark] .md176-topic[aria-pressed=true],body[data-theme=dark] .md176-shortcuts button[aria-pressed=true]{background:var(--ui-selected)}
@media(max-width:700px){
 body.md176-active #appShell #workspace{padding:0!important;min-width:0}
 body.md176-active #appShell .topbar,body.md176-active #appShell .ui-page-heading,body.md176-active #appShell #simulationBanner{display:none!important}
 body.md176-active.md176-tools-open #appShell .topbar{display:flex!important;position:fixed;top:54px;left:8px;right:8px;z-index:90;max-height:48dvh;overflow:auto;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:14px;box-shadow:0 10px 30px #13283d38}
 body.md176-active.md176-tools-open #appShell .ui-page-heading{display:block!important;position:fixed;top:calc(54px + min(48dvh,360px));left:8px;right:8px;z-index:89;max-height:35dvh;overflow:auto;padding:12px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;box-shadow:0 10px 30px #13283d38}
 body.md176-active #appShell .md176-brand{position:sticky;top:0;z-index:70}
 body.md176-active #appShell .md176-hero{padding-top:20px}
 body.md176-active #appShell .md176-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.md176-active #appShell .md176-card{display:grid;grid-template-columns:104px minmax(0,1fr)}
 body.md176-active #appShell .md176-card img,body.md176-active #appShell .md176-photo-empty{height:100%;min-height:145px}
 body.md176-active #appShell .md176-card>div:last-child{padding:10px}
 body.md176-active #appShell .md176-bottom{position:sticky;bottom:0;z-index:60;margin-bottom:0;padding-bottom:calc(6px + env(safe-area-inset-bottom))}
 body.md176-active #appShell .ui-permission-notice{margin:4px 16px 18px;font-size:.72rem}
}
.md176-hero{position:relative}.md176-hero::after{content:"⌕";position:absolute;left:29px;bottom:31px;color:var(--ui-muted);font-size:1.25rem;line-height:1;pointer-events:none}.md176-search{padding-left:40px}
.md176-hero{padding-bottom:14px}.md176-heading{margin-top:8px}
@media(max-width:700px){body.md176-active #appShell .md176-results{grid-template-columns:minmax(0,1fr)}}