/* Shared layout and readable examples, reviewed 2026-09-08. */
html{scroll-padding-top:120px}
[hidden]{display:none!important}
.review-copy{line-height:1.8;overflow-wrap:anywhere}
.review-copy h2{font-size:20px;line-height:1.4;margin:22px 0 12px}
.review-copy h3{font-size:16px;margin:20px 0 8px}
.review-copy p,.review-copy ul,.review-copy ol{margin:12px 0}
.review-copy ul,.review-copy ol{padding-left:22px}
.review-copy li{margin:8px 0}
.review-copy a{color:var(--signal-deep);text-decoration:underline;text-underline-offset:3px}
.review-copy table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
.review-copy th,.review-copy td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.review-copy th{background:var(--mist)}
.review-copy pre{white-space:pre-wrap;background:var(--mist);padding:16px;border-radius:10px;font:12px/1.6 var(--mono);overflow-wrap:anywhere}
.review-copy figure{margin:20px 0}.review-copy svg{display:block;width:100%;height:auto;max-height:340px}
.review-card{margin:26px 0;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.review-meta{font-size:12px;color:var(--ink-soft);margin:14px 0}
.sample-button{background:var(--signal);color:white;border:0;border-radius:10px;padding:12px 16px;font:600 14px var(--body);cursor:pointer;min-height:44px}
.sample-button:disabled{opacity:.6;cursor:wait}
.sample-status{display:block;font-size:13px;margin-top:8px}
.lang-switch button:focus-visible,.sample-button:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.cc{max-height:70dvh;overflow:auto}
@media(max-width:1120px){.site-nav{display:none}.hamb{display:inline-flex}}
@media(max-width:860px){
 .site-head-in{height:auto;min-height:108px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px 10px;padding:8px 14px}
 .site-head-in>.hamb{grid-column:1;grid-row:1;margin:0;min-height:40px}
 .site-head-in>.site-logo{grid-column:2;grid-row:1;min-width:0}
 .site-head-in>.head-right{position:static!important;inset:auto!important;transform:none!important;grid-column:1/-1;grid-row:2;display:flex!important;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;margin:0;width:100%;z-index:auto}
 .head-right #langSlot{display:block;order:1;min-width:0}
 .head-right .lang-switch{position:static!important;inset:auto!important;display:flex!important;padding:2px;box-shadow:none}
 .head-right .lang-switch button{padding:8px 10px;min-width:44px;min-height:40px;font-size:12px}
 .head-right .theme-btn{order:2;position:static!important;width:40px;height:40px;min-width:40px;box-shadow:none}
 .cc{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));max-height:60dvh}
 .review-card{padding:17px}.review-copy table{font-size:12px}.review-copy td,.review-copy th{padding:8px}
}