/* Shared content typography and media layout for Django and ProseMirror. */
@font-face{font-family:DescriptionSans;src:url('../fonts/Manrope-Variable.ttf') format('truetype');font-display:swap}
@font-face{font-family:DescriptionSerif;src:url('../fonts/CormorantGaramond-Variable.ttf') format('truetype');font-display:swap}
/* Same existing face and variable-weight range as storefront.css's prices. */
@font-face{font-family:Manrope;src:url('../fonts/Manrope-Variable.ttf') format('truetype-variations');font-style:normal;font-weight:400 600;font-display:swap}
.description-price,.master-page .purchase-panel .product-price{font-family:Manrope,Arial,sans-serif;font-weight:500;font-style:normal;font-variant-numeric:normal;font-feature-settings:normal}
.description-scope{container-type:inline-size;container-name:description;min-width:0}
.description-content{font:400 16px/1.55 DescriptionSans,Arial,sans-serif;color:#414141;overflow-wrap:anywhere;min-width:0}
.description-content p{font:inherit;margin:0 0 16px}
.description-content h2{font:500 29px/1.18 DescriptionSerif,Georgia,serif;margin:26px 0 12px;color:#262626}
.description-content>h2:first-child,.description-content>.description-prosemirror>h2:first-child{margin-top:0}
.description-content ul,.description-content ol{font:inherit;margin:0 0 18px;padding-left:24px}
.description-content li{margin:0 0 5px}
.description-content li>p{margin:0}
.description-content li>p+p{margin-top:8px}
.description-content li>ul,.description-content li>ol{margin:6px 0 0}
.description-content strong{font-weight:700}
.description-content em{font-style:italic}
.description-content a{color:#666a7b;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.description-group{display:flow-root;position:relative;margin:0 0 18px;min-width:0}
.description-group>p:last-child,.description-group>ul:last-child,.description-group>ol:last-child{margin-bottom:0}
.description-content .description-media{position:relative;display:block;float:none;box-sizing:border-box;width:clamp(min(160px,100%),var(--media-active-width,var(--media-width,100%)),100%);max-width:100%;margin:0 auto 16px;min-width:0;aspect-ratio:var(--media-ratio,auto)}
.description-group[data-has-text=false]>.description-media{margin-bottom:0}
.description-media>img,.description-media>video,.description-media-element{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:var(--media-ratio,auto);object-fit:contain;margin:0}
.description-content>:last-child,.description-content>.description-prosemirror>:last-child{margin-bottom:0}
@container description (min-width:560px){
  .description-content .description-media{width:clamp(min(160px,100%),var(--media-desktop-width,100%),100%)}
  .description-group[data-has-text=true][data-side=left]>.description-media{float:left;width:clamp(min(160px,100%),var(--media-desktop-width,40%),100%);margin:0 20px 12px 0}
  .description-group[data-has-text=true][data-side=right]>.description-media{float:right;width:clamp(min(160px,100%),var(--media-desktop-width,40%),100%);margin:0 0 12px 20px}
}
@media(min-width:1024px){.master-page .description-media{--media-active-width:var(--media-desktop-width,var(--media-width,100%))}}
/* Public purchase composition; the document itself uses its actual container width. */
.master-page .master-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:40px;align-items:start;max-width:1160px}
.master-page .purchase-panel{position:static;grid-column:2;grid-row:1;width:100%;min-width:0;margin:0;display:block}
.master-page .master-description{grid-column:1;grid-row:1}
.master-page .purchase-panel .master-cover{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.master-page .purchase-panel .cover-placeholder.master-cover{display:flex;align-items:center;justify-content:center}
.master-page .purchase-panel .product-price{font-size:40px;line-height:1.2;margin:22px 0 18px}
.master-page .purchase-panel .action-button{width:100%;font:500 23px/1.2 DescriptionSerif,Georgia,serif}
@media(max-width:1023px){
  .master-page .master-layout{grid-template-columns:minmax(0,1fr);gap:28px}
  .master-page .purchase-panel{grid-column:1;grid-row:1;max-width:390px;margin:0 auto}
  .master-page .master-description{grid-column:1;grid-row:2}
  .master-page>h1{margin-bottom:30px}
}
@media(prefers-reduced-motion:reduce){.description-content *{scroll-behavior:auto!important;transition:none!important}}
.description-content .description-row{display:block;clear:both;margin:0 0 18px;min-width:0}
.description-content .description-row>.description-media{float:none!important;min-width:0;width:clamp(min(var(--row-min,128px),100%),var(--row-width,100%),100%);max-width:100%;margin:0 0 16px;align-self:flex-start}
.description-content .description-row-text{min-width:0;overflow-wrap:anywhere}
.description-content .description-row-text>:first-child{margin-top:0}
.description-content .description-row-text>:last-child{margin-bottom:0}
.description-row-shell{display:contents}
/* Cormorant supplies lnum: keep its letters, use baseline-aligned title digits. */
.master-page>h1,.news-article h1,.description-content h2{font-variant-numeric:lining-nums}
