/* Only article/detail documents load this stylesheet. Home, lists and shared chrome stay unchanged. */
.detail-page{max-width:1180px;padding:20px 24px 40px;font-size:17px;line-height:1.8}
.detail-page .breadcrumb{margin-bottom:12px}
.detail-page .article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:780px;margin-inline:auto;align-items:start}
.detail-page .story{background:#fff;padding:20px;min-width:0;color:var(--ink)}
.detail-page .article-heading{padding-bottom:12px;border-bottom:1px solid #d8dcda}
.detail-page .article-heading h1{font-size:32px;line-height:1.5;margin:4px 0 10px}
.detail-page .article-heading .tag{margin:0;font-size:12px}
.detail-page .byline{font-size:12px;margin:8px 0}
.detail-page .detail-meta{margin:10px 0 0;font-size:14px;line-height:1.65}
.detail-page .detail-meta>div{display:grid;grid-template-columns:5.4em minmax(0,1fr);gap:8px;padding:4px 0}
.detail-page .detail-meta dt{font-weight:700;color:var(--accent)}
.detail-page .detail-meta dd{margin:0;min-width:0}
.detail-page .detail-meta-note{font-size:12px;margin:6px 0 0;color:#565e64}
.detail-page .story p{margin:20px 0;line-height:1.8}
.detail-page .story>section{margin-top:26px}
.detail-page .story h2{font-size:26px;margin:28px 0 16px;padding:10px 12px;border:0;border-left:4px solid var(--accent);background:var(--paper);line-height:1.5}
.detail-page .story h3{font-size:20px;margin:20px 0 10px;line-height:1.6}
.detail-page .story figure,.detail-page .story>figure:first-of-type{margin:12px 0}
.detail-page .story figure img{width:100%;height:auto;max-height:none;object-fit:contain;background:#fff}
.detail-page .story .cover{max-width:none;margin:10px 0}
.detail-page .story .cover img{max-height:680px;object-fit:contain}
.detail-page .story figcaption{font-size:13px;line-height:1.65;margin-top:6px}
.detail-page .story figcaption small{font-size:11px}
.detail-page .story .gallery{gap:10px;align-items:start}
.detail-page .story .gallery figure{margin:4px 0 10px;min-width:0}
.detail-page .story .gallery img{aspect-ratio:auto;height:auto}
.detail-page .story .product{padding-bottom:16px;margin-top:24px}
.detail-page .story .product>h3{margin:0 0 8px}
.detail-page .story .buttons{margin:8px 0 14px;gap:8px}
.detail-page .story .buttons a{font-size:14px;min-height:44px}
.detail-page .story .facts{margin:14px 0}
.detail-page .story .facts>div{display:grid;grid-template-columns:8.5em minmax(0,1fr)}
.detail-page .story .facts dt,.detail-page .story .facts dd{font-size:15px;padding:9px 12px;line-height:1.7;min-width:0}
.detail-page .story .facts dt{background:var(--paper)}
.detail-page .story .facts .detail-long-fact{grid-template-columns:minmax(0,1fr)}
.detail-page .story .facts .detail-long-fact dt{padding-bottom:4px}
.detail-page .story .facts .detail-long-fact dd{padding-top:5px}
.detail-page .story .table-scroll{margin:16px 0;max-width:100%;overflow-x:auto}
.detail-page .story table{font-size:15px;min-width:560px;line-height:1.75}
.detail-page .story th,.detail-page .story td{font-size:15px;min-width:145px;padding:11px 13px}
.detail-page .story .talk{margin:20px 0;gap:10px}
.detail-page .story .talk>div{padding:10px 12px}
.detail-page .story .talk p{font-size:16px;margin:6px 0 0}
.detail-page .story .faq p{font-size:16px;margin:14px 0}
.detail-page .story .faq h3{font-size:17px;margin:0}
.detail-page .story .sources{font-size:14px}
.detail-page .story .sources h2,.detail-page .story .related h2{font-size:22px}
.detail-page .story .sources p{margin:14px 0}
.detail-page .related .article-grid{gap:16px}
.detail-page .related .article-card{padding:0 0 12px;border-radius:0;box-shadow:none;border:0;border-bottom:1px solid #ddd;background:#fff}
.detail-page .related .article-card h3{font-size:16px;margin:7px 0}
.detail-page .related .article-card p{font-size:13px;margin:5px 0}
.detail-page .article-aside{padding:0;border:0;min-width:0;font-size:14px}
.detail-page .detail-side-heading{font-size:17px;margin:0 0 10px;padding-bottom:7px;border-bottom:2px solid var(--accent)}
.detail-page .detail-side-card{margin:0 0 18px;min-width:0;background:#fff}
.detail-page .detail-side-card>a{display:block;color:var(--ink);text-decoration:none}
.detail-page .detail-side-card img{width:100%;height:auto;max-height:340px;object-fit:contain;background:#fff}
.detail-page .detail-side-card h3{font-size:16px;line-height:1.6;margin:7px 0 4px}
.detail-page .detail-side-price{font-size:14px;line-height:1.6;margin:0;color:var(--accent);font-weight:700}
.detail-page .detail-side-credit{font-size:11px;line-height:1.6;color:#58616a;margin:5px 0 0}
.detail-page .detail-side-credit small{font-size:11px}
.detail-page .detail-side-card .button{margin-top:8px;font-size:14px}






.detail-page .detail-search{margin:22px 0}
.detail-page .detail-search label{display:block;font-size:15px;font-weight:700;margin-bottom:7px}
.detail-page .detail-search-controls{display:flex;gap:6px}
.detail-page .detail-search input{width:100%;min-width:0;padding:9px;border:1px solid #a0aaa8;background:#fff;font-size:16px;border-radius:4px}
.detail-page .detail-search button{flex-shrink:0;min-height:44px;padding:8px 12px}
.detail-page .detail-search-status{font-size:12px;margin:7px 0}
.detail-page .detail-search-results{padding:0;list-style:none;margin:8px 0}
.detail-page .detail-search-results li{margin:0;border-bottom:1px solid #d4d8d5;padding:10px 0}
.detail-page .detail-search-results a{font-size:14px;line-height:1.65}
.detail-page .detail-search-results small{display:block;margin-top:4px}
.detail-page .detail-toc{margin-top:22px}
.detail-page .detail-toc summary{font-size:15px;font-weight:700;cursor:pointer}
.detail-page .detail-toc ol{padding-left:20px;font-size:14px}
.detail-page .detail-toc li{margin:8px 0}
.detail-page .article-aside>.note{margin-top:20px;font-size:12px}
@media(min-width:1100px){.detail-page .article-layout{max-width:none;grid-template-columns:minmax(0,760px) 300px;gap:24px;justify-content:center}}
@media(max-width:1099px){.detail-page .article-aside{max-width:740px;width:100%;border-top:1px solid #d4d8d5;padding-top:20px}.detail-page .detail-side-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-page .detail-side-products>.detail-side-heading{grid-column:1/-1;margin-bottom:0}.detail-page .detail-side-card{margin-bottom:0}}
@media(max-width:680px){.detail-page{padding:16px 16px 32px;font-size:16.5px;line-height:1.8;background:#fff}.detail-page .article-layout{gap:20px}.detail-page .story{padding:0}.detail-page .article-heading h1{font-size:26px;line-height:1.5;margin:6px 0 10px}.detail-page .story p{margin:18px 0}.detail-page .story h2{font-size:22px;margin:24px 0 14px;padding:8px 10px}.detail-page .story h3{font-size:19px}.detail-page .story>section{margin-top:24px}.detail-page .story .product>h3{margin-bottom:8px}.detail-page .story figure,.detail-page .story .cover,.detail-page .story>figure:first-of-type{margin:10px 0}.detail-page .story .cover img{max-height:none}.detail-page .story .gallery{gap:8px;grid-template-columns:minmax(0,1fr)}.detail-page .story .gallery figure{margin:3px 0 9px}.detail-page .story .buttons{grid-template-columns:minmax(0,1fr);gap:7px;margin:8px 0 14px}.detail-page .story .buttons a{font-size:15px;min-height:44px}.detail-page .story .facts>div{grid-template-columns:6.4em minmax(0,1fr)}.detail-page .story .facts dt,.detail-page .story .facts dd{font-size:14px;padding:8px 9px}.detail-page .story .facts .detail-long-fact{grid-template-columns:minmax(0,1fr)}.detail-page .story .talk p,.detail-page .story .faq p{font-size:16px}.detail-page .story .talk>div{padding:10px}.detail-page .story .related h2{font-size:21px}.detail-page .related .article-card h3{font-size:16px}.detail-page .related .article-card p{font-size:13px;margin:5px 0}.detail-page .detail-side-products{grid-template-columns:minmax(0,1fr);gap:14px}.detail-page .detail-side-card img{max-height:none}.detail-page .detail-side-card h3{font-size:17px}.detail-page .detail-side-price{font-size:15px}.detail-page .detail-meta{font-size:14px}.detail-page .detail-meta-note{font-size:12px;margin:6px 0 0}.detail-page .story .sources p{font-size:14px}.detail-page .detail-toc{margin-top:18px}}
.detail-page .detail-side-extra{display:none}
@media(min-width:1100px){.detail-page .detail-side-extra:not([hidden]){display:block}.detail-page .detail-side-extra[hidden]{display:none}}
/* The same photo-first card component serves existing article and new home sidebars. */
:is(.detail-page .detail-side-card,.home-sidebar-layout .detail-side-card){border:1px solid #d4d8d5;padding:0 0 8px;margin:0 0 12px;background:#fff;min-width:0}
:is(.detail-page .detail-side-card,.home-sidebar-layout .detail-side-card)>a:first-child{display:block;color:var(--ink);text-decoration:none}
:is(.detail-page .detail-side-card,.home-sidebar-layout .detail-side-card) img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;background:#fff}
:is(.detail-page .detail-side-card,.home-sidebar-layout .detail-side-card) h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.55;font-size:16px;margin:6px 9px 3px}
:is(.detail-page .detail-side-card,.home-sidebar-layout .detail-side-card) .detail-side-price{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.5;margin:0 9px 4px;color:var(--accent);font-weight:700}
:is(.detail-page .detail-side-card,.home-sidebar-layout .detail-side-card) .detail-side-credit{font-size:10px;line-height:1.5;margin:3px 9px 0;color:#58616a}
:is(.detail-page .detail-side-card,.home-sidebar-layout .detail-side-card) .detail-side-credit small{font-size:10px}
.home-sidebar-layout{display:block}
.home-sidebar-layout .shared-side{display:none}
.home-sidebar-layout .detail-side-extra{display:none}
@media(min-width:1100px){.home-sidebar-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.home-sidebar-layout .home-sidebar-main{min-width:0}.home-sidebar-layout .shared-side{display:block;min-width:0}.home-sidebar-layout .garage-layout,.home-sidebar-layout .book-layout,.home-sidebar-layout .weekend-bottom{grid-template-columns:minmax(0,1fr)}.home-sidebar-layout .detail-side-extra:not([hidden]){display:block}.home-sidebar-layout .detail-side-extra[hidden]{display:none}}
@media(min-width:1100px){:is(.detail-page .detail-side-card,.home-sidebar-layout .detail-side-card) .button{display:none}}

/* One-column mobile sidebar photos fill their card without changing their ratio. */
@media(max-width:680px){:is(.detail-page .detail-side-card,.home-sidebar-layout .detail-side-card) img{width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}}

/* Desktop photos use their column width and natural proportions too. */
:is(.detail-page .detail-side-card,.home-sidebar-layout .detail-side-card) img{display:block;width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.detail-page .story figure img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.detail-page .story .cover{max-width:none}