/* Eight additional layouts from the supplied comparison sheet. Existing themes are untouched. */
.tinta-article-page[class*="tinta-style-showcase_"]{--showcase-accent:#08786c}
.tinta-article-page[class*="tinta-style-showcase_"] .tinta-article-header h1{font-size:clamp(1.75rem,3.3vw,2.9rem);line-height:1.16;max-width:100%;text-wrap:pretty}
.tinta-article-page[class*="tinta-style-showcase_"] .tinta-article-header{padding-block:1.1rem .7rem}
.tinta-article-page[class*="tinta-style-showcase_"] .tinta-article-cover{margin-bottom:.55rem}
.tinta-article-page[class*="tinta-style-showcase_"] .tinta-article-layout{padding-top:.45rem;gap:1rem}
.tinta-article-page[class*="tinta-style-showcase_"] .article-prose{line-height:1.65}
.tinta-article-page[class*="tinta-style-showcase_"] .article-prose p{line-height:1.65;margin-bottom:.85em}
.tinta-article-page[class*="tinta-style-showcase_"] .article-page-navigation button[aria-current="page"]{background:var(--showcase-accent);border-color:var(--showcase-accent)}
.tinta-article-page[class*="tinta-style-showcase_"] .tinta-article-content{max-width:none}
.tinta-article-page[class*="tinta-style-showcase_"] .tinta-article-aside{position:static}

/* 01 · Ink, aged paper, double rules and a dark typeset headline. */
.tinta-style-showcase_classic{--showcase-accent:#443322!important;background:#e9dcc2;color:#302318}
.tinta-style-showcase_classic .tinta-article-header,.tinta-style-showcase_classic>.tinta-article-container{background:radial-gradient(circle at 85% 3%,#fff9e48c,transparent 38%),repeating-linear-gradient(0deg,#75543208 0 1px,transparent 1px 5px),#efe2c8}
.tinta-style-showcase_classic>.tinta-article-container{border-inline:3px double #7d593a;padding:clamp(9px,2vw,20px)}
.tinta-style-showcase_classic .tinta-article-header{border-top:8px ridge #6b4b2d;border-bottom:3px double #634a30}
.tinta-style-showcase_classic .tinta-article-header h1,.tinta-style-showcase_classic .article-prose{font-family:Georgia,'Times New Roman',serif;color:#2c2017}
.tinta-style-showcase_classic .tinta-article-rubrics a,.tinta-style-showcase_classic .tinta-article-rubrics span{background:#79442a;color:#fff7e9}
.tinta-style-showcase_classic .tinta-article-cover .tinta-detail-media{border-radius:3px}
.tinta-style-showcase_classic .article-prose .article-dropcap{color:#563821}
.tinta-style-showcase_classic .tinta-article-content{border-top:2px solid #9e7c57;padding-top:.65rem}

/* 02 · Quiet white paper and one cool blue editorial rule. */
.tinta-style-showcase_minimal{--showcase-accent:#087a75!important;background:#f4f8fa}
.tinta-style-showcase_minimal .tinta-article-header{background:#fff;border-top:8px solid #27658d}
.tinta-style-showcase_minimal .tinta-article-header h1{color:#192b47;font-family:Georgia,serif}
.tinta-style-showcase_minimal .tinta-article-rubrics a,.tinta-style-showcase_minimal .tinta-article-rubrics span{background:#d26928}
.tinta-style-showcase_minimal .tinta-article-cover .tinta-detail-media{border-radius:10px}
.tinta-style-showcase_minimal .article-prose{font-family:Georgia,serif}
.tinta-style-showcase_minimal .tinta-article-content{border-top:1px solid #d8e4e9;padding-top:.8rem}

/* 03 · Cream editorial spread, fine border and a narrow gold accent. */
.tinta-style-showcase_magazine{--showcase-accent:#c79713!important;background:#f7f1e5}
.tinta-style-showcase_magazine .tinta-article-header{background:#fffaf0;border-top:4px solid #c3a36a}
.tinta-style-showcase_magazine>.tinta-article-container{background:#fffaf1;border-inline:1px solid #d3bd96;padding:clamp(10px,2vw,20px)}
.tinta-style-showcase_magazine .tinta-article-header h1{font-family:'Palatino Linotype',Georgia,serif;color:#241e20}
.tinta-style-showcase_magazine .tinta-article-rubrics a,.tinta-style-showcase_magazine .tinta-article-rubrics span{background:#bc2035}
.tinta-style-showcase_magazine .tinta-article-header h1:after{content:'';display:block;width:44px;height:4px;margin-top:.45rem;background:#d8a522}
.tinta-style-showcase_magazine .article-prose{font-family:'Palatino Linotype',Georgia,serif;color:#292427}
.tinta-style-showcase_magazine .article-prose .article-dropcap{color:#aa5a27}

/* 04 · Gold on dark charcoal, including narrative and secondary controls. */
.tinta-style-showcase_dark{--showcase-accent:#e5b95c!important;background:#10141c;color:#f1eee8}
.tinta-style-showcase_dark .tinta-article-header{background:#111720;border-top:5px solid #cda95d;border-bottom:1px solid #b8944d}
.tinta-style-showcase_dark .tinta-article-header h1,.tinta-style-showcase_dark .article-prose,.tinta-style-showcase_dark .article-prose h2,.tinta-style-showcase_dark .article-prose h3{color:#fff8ea}
.tinta-style-showcase_dark .tinta-article-deck,.tinta-style-showcase_dark .tinta-breadcrumbs,.tinta-style-showcase_dark .tinta-publish-dates--masthead,.tinta-style-showcase_dark .tinta-author-meta small{color:#d5d0c5}
.tinta-style-showcase_dark .tinta-article-toolbar{border-color:#b8944d}
.tinta-style-showcase_dark .tinta-print-shortcut,.tinta-style-showcase_dark .tinta-article-actions .tinta-share-panel summary{color:#f3d17d;border-color:#a98b56;background:#242a32}
.tinta-style-showcase_dark .tinta-article-rubrics a,.tinta-style-showcase_dark .tinta-article-rubrics span{background:#dbac4f;color:#1c1c1c}
.tinta-style-showcase_dark .tinta-author-meta>strong,.tinta-style-showcase_dark .tinta-public-metrics strong{color:#fff7e7}
.tinta-style-showcase_dark .tinta-public-metrics>span,.tinta-style-showcase_dark .tinta-author-box,.tinta-style-showcase_dark .tinta-article-aside{background:#202733;border-color:#65707c;color:#f2eee6}
.tinta-style-showcase_dark .tinta-metric-short,.tinta-style-showcase_dark .tinta-author-box p,.tinta-style-showcase_dark .tinta-article-aside p,.tinta-style-showcase_dark .tinta-article-aside a,.tinta-style-showcase_dark .tinta-tags strong{color:#e4ddd2}
.tinta-style-showcase_dark .article-prose a{color:#f6cc72}
.tinta-style-showcase_dark .article-prose .article-dropcap{color:#f4c96e}
.tinta-style-showcase_dark .article-page-navigation button{background:#222a37;border-color:#667281;color:#f7f2e8}
.tinta-style-showcase_dark .article-page-navigation button[aria-current="page"]{color:#171a21}

/* 05 · News card floating above the page. */
.tinta-style-showcase_card{--showcase-accent:#04766e!important;background:#eef4f7;padding:clamp(8px,1.4vw,20px)}
.tinta-style-showcase_card .tinta-article-header,.tinta-style-showcase_card>.tinta-article-container{background:#fff;box-shadow:0 12px 30px #29495414}
.tinta-style-showcase_card .tinta-article-header{border-top:7px solid #2873a7;border-radius:17px 17px 0 0}
.tinta-style-showcase_card>.tinta-article-container{border-radius:0 0 17px 17px;padding:clamp(10px,2vw,20px)}
.tinta-style-showcase_card .tinta-article-header h1{color:#172844;font-family:Georgia,serif}
.tinta-style-showcase_card .tinta-article-rubrics a,.tinta-style-showcase_card .tinta-article-rubrics span{background:#df752e}
.tinta-style-showcase_card .tinta-article-cover .tinta-detail-media{border-radius:10px}
.tinta-style-showcase_card .tinta-public-metrics>span{box-shadow:0 2px 9px #283d4912}

/* 06 · Continuous red chronology down the edge, without moving the text. */
.tinta-style-showcase_timeline{--showcase-accent:#c81732!important;background:#fff}
.tinta-style-showcase_timeline .tinta-article-header,.tinta-style-showcase_timeline>.tinta-article-container{position:relative;padding-left:clamp(32px,4vw,54px)}
.tinta-style-showcase_timeline .tinta-article-header:before,.tinta-style-showcase_timeline>.tinta-article-container:before{content:'';position:absolute;top:0;bottom:0;left:clamp(15px,2vw,26px);width:3px;background:#d62744}
.tinta-style-showcase_timeline .tinta-article-header:after,.tinta-style-showcase_timeline .tinta-article-cover:after,.tinta-style-showcase_timeline .tinta-article-content:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#df183b;box-shadow:0 0 0 3px #fff}
.tinta-style-showcase_timeline .tinta-article-header:after{left:calc(clamp(15px,2vw,26px) - 4px);top:24%}
.tinta-style-showcase_timeline .tinta-article-cover:after,.tinta-style-showcase_timeline .tinta-article-content:after{left:calc(-1 * clamp(17px,2vw,28px));top:1rem}
.tinta-style-showcase_timeline .tinta-article-content{position:relative}
.tinta-style-showcase_timeline .tinta-article-header h1{color:#172844;font-family:Georgia,serif}
.tinta-style-showcase_timeline .tinta-article-rubrics a,.tinta-style-showcase_timeline .tinta-article-rubrics span{background:#cc1730}

/* 07 · Photograph and title share one full-width hero, with a legible scrim. */
.tinta-style-showcase_fullwidth{--showcase-accent:#1288bd!important;display:grid;grid-template-columns:minmax(0,1fr);background:#f8fafb}
.tinta-style-showcase_fullwidth>.tinta-article-container{display:contents}
.tinta-style-showcase_fullwidth .tinta-article-header,.tinta-style-showcase_fullwidth .tinta-article-cover{grid-area:1/1;min-width:0}
.tinta-style-showcase_fullwidth .tinta-article-cover{margin:0;position:relative;width:100%;height:clamp(380px,55vw,610px)}
.tinta-style-showcase_fullwidth .tinta-article-cover .tinta-detail-media{height:100%;border-radius:0;box-shadow:none}
.tinta-style-showcase_fullwidth .tinta-article-header{z-index:2;height:clamp(380px,55vw,610px);background:linear-gradient(180deg,#092131ba 0%,#0c263121 38%,#08141ce8 100%);color:#fff;border:0}
.tinta-style-showcase_fullwidth .tinta-article-header{pointer-events:none}
.tinta-style-showcase_fullwidth .tinta-article-header :is(a,button,summary){pointer-events:auto}
.tinta-style-showcase_fullwidth .tinta-article-header>.tinta-article-container{height:100%;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;align-content:stretch;padding-bottom:2.3rem}
.tinta-style-showcase_fullwidth .tinta-article-header h1{align-self:end;color:#fff;font-family:Georgia,serif;text-shadow:0 2px 8px #0008}
.tinta-style-showcase_fullwidth .tinta-article-deck,.tinta-style-showcase_fullwidth .tinta-breadcrumbs,.tinta-style-showcase_fullwidth .tinta-publish-dates--masthead,.tinta-style-showcase_fullwidth .tinta-author-meta small{color:#fff}
.tinta-style-showcase_fullwidth .tinta-author-meta>strong{color:#fff}
.tinta-style-showcase_fullwidth .tinta-article-toolbar{border-color:#ffffff80}
.tinta-style-showcase_fullwidth .tinta-article-rubrics a,.tinta-style-showcase_fullwidth .tinta-article-rubrics span{background:#d7a426;color:#14242d}
.tinta-style-showcase_fullwidth .tinta-print-shortcut,.tinta-style-showcase_fullwidth .tinta-article-actions .tinta-share-panel summary{color:#fff;border-color:#fff8;background:#142a3a8c}
.tinta-style-showcase_fullwidth .tinta-public-metrics>span{background:#ffffffde}
.tinta-style-showcase_fullwidth .tinta-article-cover figcaption{z-index:3;pointer-events:none}
.tinta-style-showcase_fullwidth .tinta-article-layout{grid-area:2/1;width:min(1120px,calc(100% - 30px));margin-inline:auto}
.tinta-style-showcase_fullwidth .tinta-related{grid-area:3/1}
.tinta-style-showcase_fullwidth .article-prose .article-dropcap{color:#b4672c}

/* 08 · Editorial copy and photo side by side on wide screens. */
.tinta-style-showcase_split{--showcase-accent:#08784c!important;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:0;background:#f8faf7}
.tinta-style-showcase_split>.tinta-article-container{display:contents}
.tinta-style-showcase_split .tinta-article-header{grid-area:1/1;background:#fff;border-top:7px solid #0c5b46}
.tinta-style-showcase_split .tinta-article-header>.tinta-article-container{width:100%;padding:0 clamp(16px,3vw,36px)}
.tinta-style-showcase_split .tinta-article-header h1{font-family:Georgia,serif;color:#142b2b}
.tinta-style-showcase_split .tinta-article-rubrics a,.tinta-style-showcase_split .tinta-article-rubrics span{background:#dd8a14}
.tinta-style-showcase_split .tinta-article-cover{grid-area:1/2 / span 2/3;align-self:start;width:100%;height:min(78vh,790px);margin:0;overflow:hidden}
.tinta-style-showcase_split .tinta-article-cover .tinta-detail-media{height:100%;border-radius:0}
.tinta-style-showcase_split .tinta-article-layout{grid-area:2/1;display:flex;flex-direction:column;padding:0 clamp(16px,3vw,36px)}
.tinta-style-showcase_split .tinta-article-aside{order:2;display:block}
.tinta-style-showcase_split .tinta-related{grid-area:3/1/4/3}
.tinta-style-showcase_split .article-prose{max-width:none}
.tinta-style-showcase_split .article-prose .article-dropcap{color:#075536}

/* Small screens preserve the full article and all actions in a single reading column. */
@media(max-width:900px){
  .tinta-style-showcase_split{display:block}
  .tinta-style-showcase_split>.tinta-article-container{display:block;width:calc(100% - 24px)}
  .tinta-style-showcase_split .tinta-article-cover{height:auto;margin:.6rem auto}
  .tinta-style-showcase_split .tinta-article-cover .tinta-detail-media{height:auto;border-radius:10px}
  .tinta-style-showcase_split .tinta-article-layout{padding:.5rem 0}
}
@media(max-width:760px){
  .tinta-article-page[class*="tinta-style-showcase_"] .tinta-article-header h1{font-size:clamp(1.35rem,5.5vw,1.8rem);line-height:1.18}
  .tinta-style-showcase_classic>.tinta-article-container,.tinta-style-showcase_magazine>.tinta-article-container,.tinta-style-showcase_card>.tinta-article-container{padding:9px}
  .tinta-style-showcase_timeline .tinta-article-header,.tinta-style-showcase_timeline>.tinta-article-container{padding-left:30px}
  .tinta-style-showcase_timeline .tinta-article-header:before,.tinta-style-showcase_timeline>.tinta-article-container:before{left:14px}
  .tinta-style-showcase_timeline .tinta-article-header:after{left:10px}
  .tinta-style-showcase_timeline .tinta-article-cover:after,.tinta-style-showcase_timeline .tinta-article-content:after{left:-20px}
  .tinta-style-showcase_fullwidth .tinta-article-header,.tinta-style-showcase_fullwidth .tinta-article-cover{height:clamp(440px,72vh,620px)}
  .tinta-style-showcase_fullwidth .tinta-article-header>.tinta-article-container{padding-bottom:2.8rem}
  .tinta-style-showcase_fullwidth .tinta-article-deck{font-size:.82rem;line-height:1.3}
  .tinta-style-showcase_fullwidth .tinta-article-header .tinta-byline{padding-top:.2rem}
  .tinta-style-showcase_fullwidth .tinta-article-toolbar{flex-wrap:wrap}
  .tinta-style-showcase_split .tinta-article-header>.tinta-article-container{padding:0 12px}
}

/* Dashboard canvas and preview follow the same eight palettes and silhouettes. */
:is(.article-style-preview[data-style="showcase_classic"],.rich-editor-surface[data-article-style="showcase_classic"]){background:repeating-linear-gradient(0deg,#78572e0a 0 1px,transparent 1px 5px),#efe2c8!important;border:4px double #694e34!important;color:#302318}
:is(.article-style-preview[data-style="showcase_minimal"],.rich-editor-surface[data-article-style="showcase_minimal"]){background:#fff!important;border-top:7px solid #27658d!important;color:#192b47}
:is(.article-style-preview[data-style="showcase_magazine"],.rich-editor-surface[data-article-style="showcase_magazine"]){background:#fffaf0!important;border:1px solid #d3bd96!important;border-top:5px solid #c3a36a!important;color:#292427}
:is(.article-style-preview[data-style="showcase_dark"],.rich-editor-surface[data-article-style="showcase_dark"]){background:#111720!important;border-top:5px solid #cda95d!important;color:#fff8ea!important}
:is(.article-style-preview[data-style="showcase_card"],.rich-editor-surface[data-article-style="showcase_card"]){background:#fff!important;border-top:7px solid #2873a7!important;box-shadow:0 10px 24px #29495420;color:#172844}
:is(.article-style-preview[data-style="showcase_timeline"],.rich-editor-surface[data-article-style="showcase_timeline"]){background:linear-gradient(90deg,transparent 15px,#d62744 15px 18px,transparent 18px),#fff!important;padding-left:32px;border-left:0!important;color:#172844}
:is(.article-style-preview[data-style="showcase_fullwidth"],.rich-editor-surface[data-article-style="showcase_fullwidth"]){background:#edf4f8!important;border-top:6px solid #27658d!important;color:#152c3b}
:is(.article-style-preview[data-style="showcase_split"],.rich-editor-surface[data-article-style="showcase_split"]){background:#f8faf7!important;border-top:6px solid #0c5b46!important;color:#142b2b}
.showcase-preview,.showcase-preview-pages{display:none}
.article-style-preview[data-style^="showcase_"] .showcase-preview{display:block;margin:.2rem 0 .75rem}
.article-style-preview[data-style^="showcase_"] .showcase-preview h3{margin:.4rem 0;font:700 clamp(1rem,3vw,1.5rem)/1.17 Georgia,serif}
.article-style-preview[data-style^="showcase_"] .showcase-preview-label{display:inline-block;padding:.18rem .38rem;background:#a6472e;color:#fff;font-size:.62rem;font-weight:800;border-radius:3px}
.article-style-preview[data-style^="showcase_"] .showcase-preview figure{margin:.55rem 0 0;max-height:190px;overflow:hidden;border-radius:6px}
.article-style-preview[data-style^="showcase_"] .showcase-preview img{display:block;width:100%;max-height:190px;object-fit:cover}
.article-style-preview[data-style^="showcase_"] .showcase-preview-metrics{display:block;margin:.4rem 0;font-size:.67rem}
.article-style-preview[data-style^="showcase_"] .showcase-preview-pages{display:block;margin-top:.6rem;text-align:center;font-size:.75rem;font-weight:750}
.article-style-preview[data-style="showcase_dark"] .showcase-preview-label{background:#d8a948;color:#111720}
.article-style-preview[data-style="showcase_dark"] .showcase-preview h3,.article-style-preview[data-style="showcase_dark"] p{color:#fff8ea}
.article-style-preview[data-style="showcase_magazine"] .showcase-preview-label,.article-style-preview[data-style="showcase_timeline"] .showcase-preview-label{background:#c31e39}
.article-style-preview[data-style="showcase_fullwidth"] .showcase-preview{position:relative}
.article-style-preview[data-style="showcase_fullwidth"] .showcase-preview figure{max-height:240px}
.article-style-preview[data-style="showcase_fullwidth"] .showcase-preview img{max-height:240px}
.article-style-preview[data-style="showcase_fullwidth"] .showcase-preview h3{position:absolute;z-index:1;left:.7rem;right:.7rem;top:100px;color:#fff;text-shadow:0 2px 5px #000;background:#10283a99;padding:.35rem}
.article-style-preview[data-style="showcase_split"] .showcase-preview{display:grid;grid-template-columns:1fr minmax(90px,35%);gap:.5rem}
.article-style-preview[data-style="showcase_split"] .showcase-preview figure{grid-area:1/2/4/3;margin:0;max-height:220px}
.article-style-preview[data-style="showcase_split"] .showcase-preview img{height:100%;max-height:220px}
.article-style-preview[data-style="showcase_split"] .showcase-preview h3{grid-area:2/1}
.article-style-preview[data-style="showcase_split"] .showcase-preview-metrics{grid-area:3/1}
