/* origin/main page composition retained. Product evidence and explanatory art
   replace the old placeholder UI within the existing feature rail. */
.original-design .seo-hero__inner { grid-template-columns: minmax(0,1fr) minmax(340px,480px); gap: clamp(36px,5vw,72px); }
.original-design .seo-title { text-wrap: balance; }
.original-design .seo-lead { text-wrap: pretty; }
.original-design .seo-rail { min-width: 0; }
.original-product { margin: 0 0 22px; border: 1px solid #dedfd8; border-radius: 16px; background:#fafbf7; padding:16px; box-shadow:0 14px 40px -28px #3e482b66; }
.original-product__label { margin-bottom:14px; font-size:14px; font-weight:600; color:#465126; }
.original-product img { display:block; width:100%; height:auto; border-radius:8px; }
.original-product figcaption { margin-top:12px; font-size:11px; color:#71766a; }
.original-product--private { padding:20px 12px 14px; }
.original-product--private .original-product__label, .original-product--private figcaption { padding-inline:8px; }
/* The illustration is drawn at its intended display width, so let the rail
   grow without enlarging the artwork past the size its labels were sized for. */
.original-product--private img { width:100%; max-width:452px; margin-inline:auto; }
.original-design .seo-rail__icon svg { display:block; flex:none; }
.original-design .seo-rail__item { align-items:start; }
.original-design .seo-visual__app img { width:20px; height:20px; object-fit:contain; }
@media(max-width:900px){.original-design .seo-hero__inner{grid-template-columns:1fr}.original-design .seo-rail{width:min(100%,560px);margin-inline:auto}}
@media(max-width:600px){.original-product{padding:12px}.original-design .seo-title{font-size:36px;line-height:1.2}.original-design .seo-hero{padding-top:44px}}
.landing-skip { position:fixed; top:-100px; left:16px; z-index:1000; padding:12px 18px; background:#fff; color:#465126; border:2px solid #465126; border-radius:8px; }
.landing-skip:focus { top:12px; }
.original-design :is(a,summary):focus-visible { outline:3px solid #637d39; outline-offset:4px; }
.original-design { scroll-margin-top:80px; }
.original-design .breadcrumbs { display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:12px; color:#6b7064; margin-bottom:12px; }
.original-design .seo-actions .btn { min-height:44px; padding:11px 20px; }
.original-design .seo-mini-cta { padding:28px 32px; }
@media(max-width:600px){.original-design .seo-mini-cta{width:calc(100% - 32px);padding:24px}.original-design .seo-actions .btn{min-height:44px}}
.context-example { display:grid; gap:0; }
.context-example__row { display:grid; grid-template-columns:20px minmax(0,1fr); gap:12px; padding:18px 4px; }
.context-example__row + .context-example__row { border-top:1px solid #e1e5d9; }
.original-product .context-example__row img { width:20px; height:20px; margin-top:2px; border-radius:0; }
.context-example__row strong { display:block; font-size:16px; line-height:1.4; font-weight:600; overflow-wrap:anywhere; }
.context-example__meta { display:block; font-size:12px; color:#74796c; margin-top:4px; }
.context-example__category { display:inline-flex; align-items:center; gap:6px; margin-top:9px; font-size:13px; color:#36796d; }
.context-example__category::before { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; }
.context-example__category--entertainment { color:#a15c49; }
.product-expand { display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-top:8px; font-size:13px; color:#465126; text-decoration:underline; text-underline-offset:4px; }
.product-dialog { width:min(1120px,calc(100vw - 32px)); max-width:none; max-height:90dvh; padding:20px; border:1px solid #d8dfca; border-radius:16px; color:#283021; background:#fafbf7; }
.product-dialog::backdrop { background:#1b211acc; }
.product-dialog__head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.product-dialog__head h2 { font-size:18px; line-height:1.4; margin:0; }
.product-dialog__head button { flex:none; min-height:44px; padding:10px 16px; border:1px solid #bcc7aa; border-radius:8px; background:white; color:#344423; cursor:pointer; font:inherit; }
.product-dialog__image { overflow:auto; max-height:65dvh; border-radius:8px; }
.product-dialog__image img { display:block; width:max(760px,100%); max-width:none; height:auto; }
.product-dialog p { font-size:12px; color:#666f5b; margin:12px 0 0; }
.product-dialog :focus-visible { outline:3px solid #637d39; outline-offset:3px; }
@media(max-width:600px){.context-example__row strong{font-size:15px}.product-dialog{padding:14px}.product-dialog__head h2{font-size:16px}}
.product-dialog__image img[hidden] { display:none; }
.product-dialog__status { padding:16px; background:#f0e9df; border-radius:8px; }
html:has(.product-dialog[open]) { overflow:hidden; }
@media (prefers-reduced-motion: reduce) {
  html:has(.original-design) { scroll-behavior:auto; }
}