/* A real photography book: local serif typography, complete frames, quiet paper. */
.sheet.detail-sheet[data-detail-template]{--detail-serif:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",Georgia,serif;--detail-image-height:320px;background:var(--detail-background)!important;color:var(--detail-text);isolation:isolate;position:relative;width:min(840px,100%);}
.sheet.detail-sheet[data-detail-template]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--detail-texture-opacity,0);background-repeat:repeat;}
.sheet.detail-sheet[data-detail-paper=cotton]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");}
.sheet.detail-sheet[data-detail-paper=grain]::before{background-image:radial-gradient(circle at 2px 3px,var(--detail-text) .5px,transparent .8px),radial-gradient(circle at 7px 9px,var(--detail-text) .4px,transparent .8px);background-size:13px 17px,19px 23px;}
.sheet.detail-sheet[data-detail-paper=linen]::before{background-image:repeating-linear-gradient(0deg,var(--detail-text) 0 .4px,transparent .4px 3px),repeating-linear-gradient(90deg,var(--detail-text) 0 .4px,transparent .4px 4px);}
.sheet.detail-sheet[data-detail-template] .detail-intro{padding:38px var(--display-padding,24px) 24px;max-width:740px;margin-inline:auto;text-align:left;}
.sheet.detail-sheet[data-detail-template] .detail-intro h2{font-family:var(--detail-serif);font-size:var(--display-titleSize,28px);font-weight:500;line-height:1.6;letter-spacing:.05em;color:var(--detail-text);}
.sheet.detail-sheet[data-detail-template] .detail-intro .eyebrow{font-family:Georgia,serif;letter-spacing:.2em;font-size:10px;color:var(--detail-accent);}
.sheet.detail-sheet[data-detail-template] .article-canvas,.sheet.detail-sheet[data-detail-template] .detail-designed-article{max-width:740px;margin-inline:auto;min-width:0;}
.sheet.detail-sheet[data-detail-template] .article-canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 var(--display-padding,24px) 26px;gap:var(--display-gap,16px);align-items:start;}
.sheet.detail-sheet[data-detail-template] .article-block{grid-column:1/-1;min-width:0;margin:0;overflow-wrap:anywhere;}
.sheet.detail-sheet[data-detail-template] .article-image.layout-half{grid-column:span 1;}
.sheet.detail-sheet[data-detail-template] .article-text{margin:0;font-family:var(--detail-serif);font-size:var(--display-bodySize,15px);line-height:2;}
.sheet.detail-sheet[data-detail-template] .article-heading .article-text{font-family:var(--detail-serif);font-size:min(var(--article-block-size,25px),24px);font-weight:500;line-height:1.65;letter-spacing:.035em;color:var(--detail-text);}
.sheet.detail-sheet[data-detail-template] .article-heading{margin-top:26px;padding-top:18px;border-top:1px solid var(--photo-line);}
.sheet.detail-sheet[data-detail-template] .article-paragraph,.sheet.detail-sheet[data-detail-template] .article-quote,.sheet.detail-sheet[data-detail-template] .article-list{font-family:var(--detail-serif);font-size:var(--display-bodySize,15px);line-height:2;letter-spacing:.025em;color:var(--detail-text);max-width:40ch;}
.sheet.detail-sheet[data-detail-template] .article-quote .article-text{border-inline-start:1px solid var(--detail-accent);padding-inline:16px;color:var(--detail-accent);}
.sheet.detail-sheet[data-detail-template] .article-image .photo-frame,.sheet.detail-sheet[data-detail-template] .detail-frame .photo-frame{width:min(100%,var(--native-width,10000px),calc(var(--detail-image-height) * var(--photo-ratio,1.5)));aspect-ratio:var(--photo-ratio,1.5);max-height:var(--detail-image-height);margin-inline:auto;background:transparent;}
.sheet.detail-sheet[data-detail-template] .article-image.layout-half .photo-frame{--detail-image-height:238px;}
.sheet.detail-sheet[data-detail-template] .photo-image{object-fit:contain!important;}
.sheet.detail-sheet[data-detail-template] .detail-photo-link{background:transparent;}
.sheet.detail-sheet[data-detail-template] .article-image figcaption{font-family:var(--detail-serif);font-size:var(--display-captionSize,12px);line-height:1.9;letter-spacing:.025em;color:var(--photo-muted);max-width:40ch;margin:9px auto 0;}
.sheet.detail-sheet[data-detail-template] .detail-actions,.sheet.detail-sheet[data-detail-template] .detail-bar{background:var(--detail-background);color:var(--detail-text);border-color:var(--photo-line);}
.sheet.detail-sheet[data-detail-template] .detail-actions .btn{font-family:var(--detail-serif);border-radius:0;}
.sheet.detail-sheet[data-detail-template] .detail-story-spread{display:grid;grid-template-columns:minmax(0,1fr);margin:24px var(--display-padding,24px) 36px;gap:20px;border-top:1px solid var(--photo-line);padding-top:22px;}
.sheet.detail-sheet[data-detail-template] .detail-story-spread .article-canvas{padding:0;max-width:none;}
.sheet.detail-sheet[data-detail-template] .detail-story-spread .article-heading{margin:0;border:0;padding:0;}
.sheet.detail-sheet[data-detail-template] .detail-spread-copy,.sheet.detail-sheet[data-detail-template] .detail-spread-photo{min-width:0;}
.sheet.detail-sheet[data-detail-template] .detail-spread-photo .article-image{grid-column:1/-1;}
/* Literature uses a narrow text measure, larger intervals and an inset plate. */
.sheet.detail-sheet[data-detail-template=literary]{width:min(760px,100%);}
.sheet.detail-sheet[data-detail-template=literary] .detail-intro{padding-top:52px;text-align:center;}
.sheet.detail-sheet[data-detail-template=literary] .detail-intro h2{font-size:calc(var(--display-titleSize,28px) * 1.08);letter-spacing:.1em;}
.sheet.detail-sheet[data-detail-template=literary] .detail-story-spread{border-top:0;padding-top:0;margin-block:32px 46px;gap:26px;}
.sheet.detail-sheet[data-detail-template=literary] .detail-spread-copy{max-width:33ch;margin-inline:auto;}
.sheet.detail-sheet[data-detail-template=literary] .article-heading .article-text{font-size:22px;}
.sheet.detail-sheet[data-detail-template=literary] .article-paragraph{line-height:2.2;}
.sheet.detail-sheet[data-detail-template=literary] .detail-spread-photo{padding:14px;border:1px solid var(--photo-line);}
/* Cotton is a centered keepsake with a generous, soft photographic mount. */
.sheet.detail-sheet[data-detail-template=cotton] .detail-intro{text-align:center;border-bottom:1px solid var(--photo-line);margin-bottom:22px;}
.sheet.detail-sheet[data-detail-template=cotton] .article-heading{text-align:center;border:0;margin-top:30px;}
.sheet.detail-sheet[data-detail-template=cotton] .article-paragraph{margin-inline:auto;text-align:center;}
.sheet.detail-sheet[data-detail-template=cotton] .article-image{padding:12px;background:color-mix(in srgb,var(--detail-background) 85%,white);border:1px solid var(--photo-line);box-shadow:0 3px 12px rgb(50 40 25 / .035);}
/* Noir reads as an exhibition wall, not a photographic filter. */
.sheet.detail-sheet[data-detail-template=noir] .detail-intro{padding-top:48px;border-bottom:1px solid var(--detail-accent);margin-bottom:22px;}
.sheet.detail-sheet[data-detail-template=noir] .detail-intro h2{letter-spacing:.08em;}
.sheet.detail-sheet[data-detail-template=noir] .article-heading .article-text{color:var(--detail-accent);}
.sheet.detail-sheet[data-detail-template=noir] .article-image{padding-block:12px 18px;}
.sheet.detail-sheet[data-detail-template=noir] .article-quote .article-text{font-style:italic;}
/* Sage has a slim botanical rule and a gently staggered chapter measure. */
.sheet.detail-sheet[data-detail-template=sage] .detail-intro{border-inline-start:2px solid var(--detail-accent);margin-top:30px;padding-top:12px;padding-bottom:16px;width:calc(100% - 48px);}
.sheet.detail-sheet[data-detail-template=sage] .detail-story-spread{border-top:0;border-inline-start:1px solid var(--photo-line);padding-inline-start:16px;}
.sheet.detail-sheet[data-detail-template=sage] .article-heading .article-text{color:var(--detail-accent);}
@media(min-width:700px){
  .sheet.detail-sheet[data-detail-template]{--detail-image-height:420px;}
  .sheet.detail-sheet[data-detail-template] .article-image.layout-half .photo-frame{--detail-image-height:320px;}
  .sheet.detail-sheet[data-detail-template] .detail-intro{padding-top:54px;padding-bottom:34px;}
  .sheet.detail-sheet[data-detail-template=diptych] .detail-story-spread{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;}
  .sheet.detail-sheet[data-detail-template=diptych] .detail-spread-photo{grid-column:1;grid-row:1;}
  .sheet.detail-sheet[data-detail-template=diptych] .detail-spread-copy{grid-column:2;grid-row:1;}
  .sheet.detail-sheet[data-detail-template=diptych] .detail-story-spread:nth-child(even) .detail-spread-photo{grid-column:2;}
  .sheet.detail-sheet[data-detail-template=diptych] .detail-story-spread:nth-child(even) .detail-spread-copy{grid-column:1;}
  .sheet.detail-sheet[data-detail-template=diptych] .detail-spread-copy .article-heading .article-text{font-size:24px;}
  .sheet.detail-sheet[data-detail-template=sage] .detail-story-spread{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:28px;align-items:center;}
  .sheet.detail-sheet[data-detail-template=literary] .detail-story-spread{margin-inline:54px;}
}
@media(prefers-reduced-motion:reduce){.sheet.detail-sheet[data-detail-template] *{scroll-behavior:auto;}}

.sheet.detail-sheet[data-detail-template] .article-paragraph .article-text{font-size:var(--display-bodySize,15px);line-height:2;}
.sheet.detail-sheet[data-detail-template=literary] .article-paragraph .article-text{line-height:2.2;}