.tool-form,.compare-form{display:grid;gap:14px;padding:24px;background:var(--paper,#f5eee5);color:var(--ink,#210914);border:1px solid #d8c6bd;margin:28px 0}.tool-form label,.compare-form label{display:block;font-weight:600;font-size:15px}.tool-form input,.tool-form select,.compare-form select{width:100%;min-width:0;padding:14px;border:1px solid #b8a59c;background:#fffaf4;color:#210914;font:inherit;border-radius:0}.tool-form .btn{justify-self:start}.compare-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.compare-form .btn{grid-column:1/-1;justify-self:start}.compare-table td{overflow-wrap:anywhere;min-width:180px}.compare-table ul{padding-left:18px}.reading-note{font-size:14px;letter-spacing:.04em}.ai-note{font-size:12px;max-width:70ch;opacity:.8}.glossary-search{max-width:700px;margin:24px auto;padding:0 20px}.glossary-search input{width:100%;padding:14px;font:inherit}.glossary-nav [hidden],.guide-rubric-nav [hidden],.glossary-grid [hidden],.glossary-section[hidden]{display:none!important}.article-toc{max-height:calc(100vh - 120px);overflow:auto}.tool-form :focus-visible,.compare-form :focus-visible{outline:3px solid #9a2548;outline-offset:3px}@media(max-width:700px){.compare-form{grid-template-columns:1fr}.compare-table td{min-width:200px}.article-toc{max-height:none;overflow:visible}}
.guide-hero{min-height:480px}.compare-wrap:focus-visible{outline:2px solid var(--rose);outline-offset:3px}.compare-table caption{white-space:normal;text-align:left}.table-scroll-note{display:none}@media(max-width:700px){.table-scroll-note{display:block;font-size:14px}.guide-hero{min-height:420px}}.site-card .site-logo img[src$=".png"],.site-profile__head .site-logo img[src$=".png"]{width:100%;height:100%;object-fit:contain}
.site-card .site-logo img[src*="/assets/logos/"],.site-profile__head .site-logo img[src*="/assets/logos/"]{width:100%;height:100%;object-fit:contain}

/* Full outfits remain visible in the editorial collection. */
.home-hero{height:clamp(680px,48vw,960px);min-height:680px}
.home-hero__image[src*="mode-ia-"]{left:auto;right:0;width:70%;object-position:center;object-fit:cover}
.home-hero__content{max-width:620px;width:46%;padding-top:90px}
.guide-hero:has(>img[src*="mode-ia-"]){min-height:max(480px,32vw)}
.guide-hero>img[src*="mode-ia-"]{left:auto;right:0;width:48%;object-position:center;object-fit:cover}
.guide-hero:has(>img[src*="mode-ia-"]):after{display:none}
.guide-hero:has(>img[src*="mode-ia-"]) .guide-hero__copy{width:48%;max-width:800px;margin-left:3%;margin-right:0;padding-top:48px}
.guide-hero:has(>img[src*="mode-ia-"]) h1{font-size:clamp(38px,3.8vw,64px)}
.page-hero__media img[src*="mode-ia-"]{object-position:center}
.guide-card__image:has(img[src*="mode-ia-"]){aspect-ratio:3/2}
.guide-photo-gallery__grid{grid-auto-rows:auto}
.guide-photo-gallery__grid figure,.guide-photo-gallery__grid figure:first-child{min-height:0;aspect-ratio:3/2}
.guide-photo-gallery__grid img[src*="mode-ia-"]{object-fit:contain;background:var(--night)}
.documentary-photo img[src*="mode-ia-"],.city-documentary .documentary-photo:last-child img[src*="mode-ia-"]{height:auto;aspect-ratio:3/2;object-fit:contain}
.fashion-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}
.fashion-photo{margin:0;min-width:0;background:#eee5df}
.fashion-photo>a{display:block;background:var(--night);overflow:hidden}
.fashion-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.fashion-photo figcaption{padding:18px;font-size:15px;line-height:1.6}
.fashion-photo figcaption strong{display:block;font-weight:500}
.fashion-photo>a:focus-visible{outline:3px solid var(--rose);outline-offset:4px}
:is(.editorial-gallery,.couple-portfolio__grid,.lingerie-editorial__grid,.miniskirt-series__grid,.implied-scenes__grid){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto}
:is(.editorial-gallery,.couple-portfolio__grid,.lingerie-editorial__grid,.miniskirt-series__grid,.implied-scenes__grid)>figure:nth-child(n){grid-column:auto;grid-row:auto;min-height:0;display:flex;flex-direction:column}
:is(.editorial-gallery,.couple-portfolio__grid,.lingerie-editorial__grid,.miniskirt-series__grid,.implied-scenes__grid)>figure:after{display:none}
:is(.editorial-gallery,.couple-portfolio__grid,.lingerie-editorial__grid,.miniskirt-series__grid,.implied-scenes__grid)>figure img[src*="mode-ia-"]{display:block;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;transform:none}
:is(.editorial-gallery,.couple-portfolio__grid,.lingerie-editorial__grid,.miniskirt-series__grid,.implied-scenes__grid)>figure figcaption{position:static;padding:20px 24px;background:#210914;color:#fff}
:is(.editorial-gallery,.couple-portfolio__grid,.lingerie-editorial__grid,.miniskirt-series__grid,.implied-scenes__grid)>figure figcaption strong{font-size:21px;line-height:1.35}
@media(max-width:1000px){.fashion-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero__content{width:52%;max-width:620px}.guide-hero:has(>img[src*="mode-ia-"]) .guide-hero__copy{padding-top:36px}.guide-hero:has(>img[src*="mode-ia-"]) .lead{font-size:20px}}
@media(max-width:700px){
  .home-hero{height:auto;min-height:0}
  .home-hero__image[src*="mode-ia-"],.guide-hero>img[src*="mode-ia-"]{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;display:block}
  .home-hero__shade{display:none}
  .home-hero__content{width:calc(100% - 40px);max-width:none;margin-left:20px;padding:32px 0 140px}
  .home-hero .display{font-size:52px}
  .guide-hero:has(>img[src*="mode-ia-"]){height:auto;min-height:0}
  .guide-hero:has(>img[src*="mode-ia-"]) .guide-hero__copy{width:calc(100% - 40px);max-width:none;margin:0 20px;padding:32px 0}
  .guide-hero:has(>img[src*="mode-ia-"]) h1{font-size:38px}
  .fashion-gallery{grid-template-columns:1fr;gap:20px}
  :is(.editorial-gallery,.couple-portfolio__grid,.lingerie-editorial__grid,.miniskirt-series__grid,.implied-scenes__grid){grid-template-columns:1fr}
}

.sortie-checklist{border:1px solid currentColor;padding:1.2rem;margin-block:1rem}.sortie-checklist label{display:block;margin-block:1rem}.sortie-checklist input{accent-color:#9d365b}.sortie-tool output{display:block;padding:1rem;border:1px solid currentColor;font-weight:600}@media print{.portal-header,.portal-footer,.age-layer,.sortie-tool button{display:none!important}.sortie-tool{color:#000!important;background:#fff!important;max-width:none}.sortie-tool input{color:#000!important;background:#fff!important}.sortie-tool .tool-form{display:block}.sortie-tool .tool-form label{display:block}}

.search-suggestions{list-style:none;margin:0;padding:0;border:1px solid #b8a59c;background:#fffaf4;max-height:320px;overflow:auto}.search-suggestions[hidden]{display:none}.search-suggestions li{padding:14px;cursor:pointer;border-bottom:1px solid #d8c6bd}.search-suggestions li:hover,.search-suggestions li[aria-selected="true"]{background:#ead5dc;color:#210914}.cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cost-grid fieldset{min-width:0;padding:20px;border:1px solid #b8a59c}.cost-grid legend{font-weight:700}.cost-grid input{margin-bottom:14px}.cost-output{white-space:pre-line;padding:20px;border-left:4px solid #9a2548;line-height:1.8}@media(max-width:700px){.cost-grid{grid-template-columns:1fr}}@media print{.portal-header,.portal-footer,.age-layer,.article-toc{display:none!important}.cost-grid{grid-template-columns:1fr 1fr}.cost-output{color:#000;background:#fff}}
.tool-form .btn--line,.sortie-tool .btn--line{color:#210914;border-color:#785561;background:transparent}.tool-form .btn--line:hover,.sortie-tool .btn--line:hover{color:#fff;background:#210914}

.comparison-actions{margin:24px 0}.comparison-actions[hidden]{display:none}.comparison-actions button{margin:0 8px 12px 0}.guide-workbook{margin:36px 0;padding-top:20px;border-top:1px solid #c9b4af}@media print{body:has([data-comparison-table]) .compare-form,.comparison-actions{display:none!important}body:has([data-comparison-table]) .compare-wrap{overflow:visible}body:has([data-comparison-table]) .compare-table{width:100%;table-layout:fixed}body:has([data-comparison-table]) .compare-table th,body:has([data-comparison-table]) .compare-table td{min-width:0;font-size:10pt;overflow-wrap:anywhere}}
