/* Text stays live at one scale; never resize a bitmap of UI text. */
.interface-panel{width:100%;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;color:var(--ink);text-align:left}
.ui-panel-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16px;font-weight:500;background:var(--surface)}
.ui-project{font-size:12px;font-weight:400;color:var(--ink-2)}
.ui-panel-body{padding:20px;display:grid;gap:16px;min-height:240px;align-content:start}
.ui-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.ui-row strong{font-size:14px;font-weight:500;text-align:right;overflow-wrap:anywhere}.ui-row>span{color:var(--ink-2)}
.ui-caption{padding:16px;border:1px solid var(--line);border-radius:10px;display:grid;gap:8px}.ui-caption>span{font-size:12px;font-weight:500;color:var(--ink-2);letter-spacing:.04em}.ui-caption p{font-size:14px!important;padding:0!important;line-height:1.5}.ui-caption p+span{margin-top:8px}.ui-caption del{color:var(--ink-2)}.ui-caption ins{color:var(--brand);text-decoration:none;font-weight:500}
.ui-note{font-size:12px!important;line-height:1.5;color:var(--ink-2);padding:0!important}.ui-samples{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ui-samples>div{display:grid;gap:8px}.ui-samples img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px}.ui-samples span{font-size:14px;font-weight:500}
[data-site] .interface-figure{padding:0;background:transparent!important;max-width:none!important;width:100%;border:0;overflow:visible}.interface-figure figcaption{margin:12px 0 0!important;padding:0!important;background:transparent!important;font-size:12px!important;line-height:1.5}
.route-visual:has(.interface-panel){padding:0;background:transparent;min-height:0}.route-visual:has(.interface-panel) figcaption{font-size:12px;margin-top:12px}
[data-site] .detail-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}[data-site] .detail-story>div{grid-column:1;grid-row:1}[data-site] .detail-story>figure{grid-column:2;grid-row:1}[data-site] .detail-story h3{font-size:28px;line-height:1.2}.route-copy h3{font-size:28px}
@media(max-width:760px){.ui-panel-head{padding:16px;flex-wrap:wrap;gap:4px 16px}.ui-panel-body{padding:16px}.ui-row{gap:12px}.ui-samples{gap:12px}[data-site] .detail-story{grid-template-columns:1fr;gap:24px}[data-site] .detail-story>div,[data-site] .detail-story>figure{grid-column:1;grid-row:auto}[data-site] .detail-story h3{font-size:24px}.route-copy h3{font-size:24px}}
.caption-story{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.caption-story>h3{font-size:20px!important}.caption-story>p{font-size:13px;color:var(--ink-2);margin:12px 0}.caption-story-state .ui-caption p{overflow-wrap:anywhere}.caption-story-state{margin:16px 0}.caption-story-state[hidden]{display:none}.feature-dataset{margin:16px 0 48px}.feature-dataset img{width:100%;height:auto;border:1px solid var(--line);border-radius:16px}.feature-dataset figcaption{font-size:13px;color:var(--ink-2);margin-top:12px}.real-sample-strip{width:100%;height:auto;max-width:706px;align-self:center}.interface-panel .ui-panel-body{min-height:300px;align-content:center}.help-hero>div:first-child{grid-column:1/-1}.project-trail>div:first-child:has(.cup-scene){display:none}