/* Exact owner-supplied C/S geometry. Cut Paper + Masthead lead; Arcade and Panel accent. */
:root{--brand-sheet:#f6f9fb;--brand-sheet-edge:#c6d4df;--brand-ink:#243d50;--brand-blue:#3962a2;--brand-coral:#bd6757;--brand-tile:url('/brand/selected/repeat-tiles/arcade-light.svg');--brand-panel:url('/brand/selected/repeat-tiles/panel-light.svg')}
html[data-theme="dark"]{--brand-sheet:#203544;--brand-sheet-edge:#506876;--brand-ink:#bbceda;--brand-blue:#99bce8;--brand-coral:#e5a290;--brand-tile:url('/brand/selected/repeat-tiles/arcade-dark.svg');--brand-panel:url('/brand/selected/repeat-tiles/panel-dark.svg')}
.brand-collage,.brand-chapter{position:relative;overflow:hidden;isolation:isolate;pointer-events:none}
.brand-component,.brand-paper,.brand-cut{position:absolute;display:block;pointer-events:none}
.brand-component{mask-position:center;mask-size:contain;mask-repeat:no-repeat;background:var(--brand-ink);width:100%;height:100%;inset:0}
.brand-c{mask-image:url('/brand/selected/angular-emblem/component-c.svg')}
.brand-s{mask-image:url('/brand/selected/angular-emblem/component-s.svg')}
.brand-paper{inset:10% 10% 7%;background:var(--brand-sheet);border:1px solid var(--brand-sheet-edge);box-shadow:5px 9px 0 #18334510;transform:rotate(-5deg)}
.brand-cut{height:9px;width:70%;bottom:13%;right:-3%;background:var(--brand-coral);transform:rotate(-7deg)}
/* The cover is real HTML with an offset, cropped geometric plate beside it. */
#dsf-book .dsfb-intro{padding:42px 36% 38px 0;margin-bottom:27px;border-bottom:1px solid var(--line);min-height:306px}
#dsf-book .dsfb-intro:after{display:none}
#dsf-book .dsfb-intro-art{position:absolute;right:0;top:28px;bottom:26px;width:32%;background:linear-gradient(135deg,#cadbe8,#eef3f7);border:1px solid var(--brand-sheet-edge)}
#dsf-book .dsfb-intro-art .brand-c{width:130%;height:135%;inset:-26% auto auto -43%;transform:rotate(7deg)}
#dsf-book .dsfb-intro-art .brand-s{width:66%;height:75%;inset:auto -5% 1% auto;background:var(--brand-blue);transform:rotate(-6deg)}
#dsf-book .dsfb-intro-art .brand-paper{inset:16% 13% 8% 10%;transform:rotate(6deg)}
#dsf-book h1{line-height:1.1;letter-spacing:-.018em}
#dsf-book .dsfb-crumbs{flex-wrap:wrap}
html[data-theme="dark"] #dsf-book .dsfb-intro-art{background:linear-gradient(135deg,#162a38,#304b62)}
/* Decorative chapter plates are distinct from historical or product evidence. */
#dsf-book .dsfb-chapter-art.brand-chapter{height:230px;background:var(--brand-tile) center/330px 270px;border:1px solid var(--brand-sheet-edge)}
#dsf-book .brand-chapter .brand-paper{inset:13% 16%;transform:rotate(-6deg)}
#dsf-book .brand-chapter .brand-c{width:85%;height:120%;inset:-21% auto auto -13%;background:var(--brand-ink);transform:rotate(3deg)}
#dsf-book .brand-chapter .brand-s{width:56%;height:80%;inset:auto 2% -8% auto;background:var(--brand-blue);transform:rotate(-7deg)}
#dsf-book .brand-chapter[data-brand-chapter="chapter-3"],#dsf-book .brand-chapter[data-brand-chapter="chapter-4"]{background-image:var(--brand-panel)}
#dsf-book .brand-chapter[data-brand-chapter="chapter-3"] .brand-c,#dsf-book .brand-chapter[data-brand-chapter="chapter-4"] .brand-c{background:var(--brand-coral);inset:-23% auto auto -30%;width:115%}
#dsf-book .brand-chapter[data-brand-chapter="chapter-6"],#dsf-book .brand-chapter[data-brand-chapter="chapter-7"]{background-image:url('/brand/selected/interface/texture-engraving.svg');background-color:var(--surface);background-size:180px}
#dsf-book .brand-chapter[data-brand-chapter="chapter-6"] .brand-c,#dsf-book .brand-chapter[data-brand-chapter="chapter-7"] .brand-c{opacity:.33;transform:rotate(-11deg)}
#dsf-book .brand-chapter[data-brand-chapter="chapter-8"] .brand-paper{transform:rotate(6deg)}
#dsf-book .brand-chapter[data-brand-chapter="chapter-8"] .brand-s{background:var(--brand-coral)}
/* Article ornament stays outside the solid reading plane. */
.reading-page .page-heading{position:relative;isolation:isolate}
.reading-page .page-heading::after{content:'';position:absolute;inset:auto 0 0 auto;width:min(33%,320px);height:90%;z-index:-1;pointer-events:none;background:var(--brand-blue);mask:url('/brand/selected/angular-emblem/component-pair.svg') center/contain no-repeat;opacity:.065}
.reading-page .page-heading>.eyebrow{font-size:12px;letter-spacing:.11em}
.reading-page .page-heading h1{line-height:1.12;letter-spacing:-.025em}
.reading-page .article-nav::after,html[data-theme="dark"] .reading-page .article-nav::after{width:100%;height:150px;margin:30px 0 0;background:var(--brand-tile) center/220px 180px;border-block:1px solid var(--line);opacity:.42}
html[data-theme="dark"] .reading-page .page-heading::after{opacity:.1}
/* Small original interface marks accompany real words, never replace them. */
.catalog-index-hero .eyebrow{display:flex;align-items:center;gap:12px;font-size:12px}
.catalog-index-hero .eyebrow::before{content:'';display:block;width:32px;height:32px;background:var(--catalog-accent);mask:url('/brand/selected/icons/dealers.svg') center/contain no-repeat;flex-shrink:0}
.catalog-reading-rail>a{display:grid;grid-template-columns:25px minmax(0,1fr);gap:12px}
.catalog-reading-rail>a::before{content:'';display:block;width:24px;height:24px;background:var(--catalog-accent);mask:url('/brand/selected/icons/explore.svg') center/contain no-repeat;margin-top:2px}
.catalog-reading-rail>a:nth-of-type(2)::before{mask-image:url('/brand/selected/icons/history-calculator.svg')}
.catalog-reading-rail>a:nth-of-type(3)::before{mask-image:url('/brand/selected/icons/search.svg')}
.catalog-results-heading{background-image:url('/brand/selected/interface/divider-current.svg');background-repeat:no-repeat;background-position:left bottom;background-size:100% 12px;padding-bottom:22px}
@media(max-width:800px){#dsf-book .dsfb-intro{padding:30px 32% 27px 0;min-height:265px}#dsf-book .dsfb-intro-art{width:28%;top:25px;bottom:30px}#dsf-book h1{font-size:clamp(40px,6.6vw,66px)}}
@media(max-width:580px){#dsf-book .dsfb-intro{padding:23px 0 24px;margin-bottom:20px;min-height:0;display:flex;flex-direction:column}#dsf-book .dsfb-intro-art{position:relative;inset:auto;width:100%;height:134px;order:1;margin:24px 0 0}#dsf-book .dsfb-intro-art .brand-c{width:95%;height:185%;inset:-46% auto auto -28%}#dsf-book .dsfb-intro-art .brand-s{width:54%;height:145%;inset:auto -7% -32% auto}#dsf-book .dsfb-intro-art .brand-paper{inset:14% 20%}#dsf-book .dsfb-intro-art .brand-cut{width:45%;bottom:18%}#dsf-book h1{font-size:43px;line-height:1.12;max-width:100%}#dsf-book .dsfb-lede{font-size:16px;max-width:100%}#dsf-book .dsfb-chapter-art.brand-chapter{height:190px}.reading-page .page-heading::after{width:36%;height:48%;bottom:10px;opacity:.05}.reading-page .page-heading .lede{font-size:16px;line-height:1.65}.catalog-index-hero .eyebrow{font-size:12px}}
@media(forced-colors:active){.brand-collage,.brand-chapter,.reading-page .page-heading::after,.reading-page .article-nav::after,.catalog-index-hero .eyebrow::before,.catalog-reading-rail>a::before{display:none!important}#dsf-book .dsfb-intro{padding-right:0;min-height:0}.catalog-reading-rail>a{display:block}.catalog-results-heading{background:none}}
/* Retire the generic engraved circles in favor of the user's exact emblem geometry. */
.commerce-hero::before,.maker-art::before,.page-heading::after,.footer::before,.fact-engraving::before{background:var(--brand-blue);mask:url('/brand/selected/angular-emblem/component-pair.svg') center/contain no-repeat}
.commerce-hero::before{transform:rotate(-12deg);opacity:.075}
.maker-art::before{inset:-15%;opacity:.15;transform:rotate(-9deg)}
.page-heading::after{opacity:.075}
.footer::before{background:#adc7d7;mask-image:url('/brand/selected/angular-emblem/component-s.svg');opacity:.13;right:-95px;bottom:-135px;transform:rotate(-8deg)}
.fact-engraving::before{inset:10%;background:#c6d9e6;opacity:.25;transform:rotate(-8deg)}
.fact-engraving .engraving-orbit{display:none}
.fact-engraving .engraving-symbol{opacity:0}
html[data-theme="dark"] .page-heading::after{opacity:.1}
/* Important small labels are readable information, not microtype decoration. */
.catalog-art figcaption,.compendium-feature figcaption,.catalog-media-label,.catalog-thumbnail .catalog-media-label,.maker-image figcaption p,.catalog-controls label,.catalog-results-heading,.catalog-results-heading>span:last-child,.catalog-entry .catalog-role,.catalog-entry-copy .catalog-aliases,.catalog-tags li,.catalog-reading-rail small,.catalog-reading-rail .catalog-rail-note,.maker-identity dt,.maker-source-kind,.maker-buying-notes small,.maker-source-notes li span{font-size:13px;line-height:1.6;letter-spacing:normal}
.catalog-entry-copy>p{font-size:15px;line-height:1.7}
.catalog-cite{font-size:12px}
@media(max-width:600px){.page-heading::after{width:150px;height:150px;opacity:.06}.commerce-hero::before{opacity:.06}}
@media(forced-colors:active){.commerce-hero::before,.maker-art::before,.page-heading::after,.footer::before,.fact-engraving::before{display:none}.fact-engraving .engraving-symbol{opacity:1}}

/* Full portrait artwork is never cropped into a landscape frame. */
.article-visual.article-visual-portrait{max-width:520px;margin-inline:auto}
.reviewed-cover.reviewed-cover-portrait{aspect-ratio:2/3}
.reviewed-cover.reviewed-cover-portrait img{object-fit:contain;aspect-ratio:2/3}
.dsfb-editions{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px 30px;margin:0 0 26px;border-block:1px solid var(--line);background:var(--paper,#f5f7f7)}
.dsfb-editions h2{font-size:25px;margin:0 0 10px;line-height:1.25}
.dsfb-editions p{font-size:15px;line-height:1.65;margin:0 0 12px}
.dsfb-editions .dsfb-format-note{font-size:13px;margin:9px 0}
.dsfb-editions details{font-size:14px;line-height:1.6}
.dsfb-editions summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding-block:8px}
.dsfb-download{display:inline-flex;align-items:center;gap:18px;padding:12px 18px;border:1px solid currentColor;background:var(--ink);color:var(--paper,#fff);font-weight:700;text-decoration:none}
.dsfb-editions a:focus-visible,.dsfb-editions summary:focus-visible{outline:3px solid #1685bd;outline-offset:4px}
html[data-theme="dark"] .dsfb-editions{background:#182b37;border-color:#415868}
html[data-theme="dark"] .dsfb-download{background:#d9eaf5;color:#112637}
@media(max-width:600px){.dsfb-editions{grid-template-columns:1fr;gap:14px;padding:22px 18px}.dsfb-editions h2{font-size:23px}}

.article-share{margin-top:36px;padding-top:26px;border-top:1px solid var(--line)}
.article-share-actions{display:flex;flex-wrap:wrap;gap:10px}
.article-share-actions a,.article-share-actions button{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid currentColor;border-radius:3px;background:transparent;color:var(--ink);font:600 14px/1.4 var(--sans,sans-serif);text-decoration:none!important;cursor:pointer}
.article-share-actions svg{width:17px;height:17px;fill:currentColor}
.article-share-actions button[hidden]{display:none}
.prose .article-share-actions a:not(.btn):not(.text-link){color:var(--ink)}
.article-share-actions :focus-visible{outline:3px solid #1685bd;outline-offset:4px}
.article-share .share-feedback{font-size:14px;line-height:1.5;margin:12px 0 0;min-height:1.5em}
.article-share [data-copy-fallback] label{display:block;font-size:14px;margin-block:8px}
.article-share [data-copy-fallback] input{width:100%;min-width:0;font-size:16px;padding:12px;background:var(--paper);color:var(--ink);border:1px solid currentColor}
.article-layout .prose>.article-visual.article-visual-portrait:first-child img{max-height:none;height:auto;object-fit:contain}
/* C and S remain together in the same visual section, including narrow crops. */
.footer{isolation:isolate}
.footer>.wrap{position:relative;z-index:1}
.footer::before{width:240px;height:240px;right:22px;bottom:20px;z-index:0;transform:rotate(-8deg)}
.footer::after{content:'';position:absolute;width:190px;height:190px;right:245px;bottom:42px;background:#adc7d7;mask:url('/brand/selected/angular-emblem/component-c.svg') center/contain no-repeat;opacity:.13;transform:rotate(5deg);pointer-events:none;z-index:0}
#dsf-book .dsfb-intro-art .brand-c{width:80%;height:100%;inset:0 auto auto -4%}
#dsf-book .dsfb-intro-art .brand-s{width:60%;height:85%;inset:auto 0 0 auto}
#dsf-book .brand-chapter .brand-c,#dsf-book .brand-chapter[data-brand-chapter="chapter-3"] .brand-c,#dsf-book .brand-chapter[data-brand-chapter="chapter-4"] .brand-c{width:80%;height:100%;inset:0 auto auto -4%}
#dsf-book .brand-chapter .brand-s{width:56%;height:85%;inset:auto 2% 0 auto}
@media(max-width:580px){.footer::before{width:165px;height:165px;right:8px;bottom:90px}.footer::after{width:155px;height:155px;left:8px;right:auto;bottom:103px}#dsf-book .dsfb-intro-art .brand-c{width:65%;height:100%;inset:0 auto auto 0}#dsf-book .dsfb-intro-art .brand-s{width:60%;height:100%;inset:auto 0 0 auto}}
@media(forced-colors:active){.footer::before,.footer::after{display:none}}
/* Pattern tiles are background material, never a standalone article-rail block. */
.reading-page .article-nav::after,html[data-theme="dark"] .reading-page .article-nav::after{display:none}

/* Familiar share destinations, with non-hover access and a native disclosure. */
.article-share-actions{align-items:flex-start;gap:12px}
.article-share-actions .share-platform{position:relative;width:48px;height:48px;min-height:48px;padding:12px}
.article-share-actions .share-platform svg{width:23px;height:23px}
.article-share-actions .share-platform-label{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper,#fff);padding:5px 9px;border-radius:3px;font-size:13px;line-height:1.4;opacity:0;pointer-events:none;white-space:nowrap;z-index:3}
.article-share-actions .share-platform:hover .share-platform-label,.article-share-actions .share-platform:focus-visible .share-platform-label{opacity:1}
.share-more{position:relative}
.share-more summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 14px;border:1px solid currentColor;border-radius:3px;color:var(--ink);font:600 14px/1.4 var(--sans,sans-serif);cursor:pointer;list-style:none;box-sizing:border-box}
.share-more summary::-webkit-details-marker{display:none}
.article-share-actions .share-more summary svg{fill:none;width:20px;height:20px}
.article-share-actions .share-more summary .share-chevron{width:15px;height:15px}
.share-more[open] .share-chevron{transform:rotate(180deg)}
.share-more-options{display:grid;gap:6px;margin-top:8px;padding:8px;background:var(--paper,#fff);border:1px solid var(--line);border-radius:3px;min-width:170px}
.article-share-actions .share-more-options a,.article-share-actions .share-more-options button{justify-content:flex-start;border:0;width:100%;font-size:14px}
.article-share-actions a:hover,.article-share-actions button:hover,.share-more summary:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}
@media(hover:none){.article-share-actions .share-platform{width:auto;min-width:70px;height:auto;flex-direction:column;padding:9px 12px;gap:5px}.article-share-actions .share-platform-label{position:static;transform:none;padding:0;background:none;color:inherit;opacity:1;font-size:12px}}
.story-timeline{list-style:none;padding:0;margin:24px 0;border-left:2px solid var(--line)}
.story-timeline li{padding:4px 0 22px 24px;position:relative}
.story-timeline li::before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--brand-blue);left:-6px;top:10px}
.story-timeline .timeline-date{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:7px}
.story-timeline strong{display:block;font-family:var(--serif,serif);font-size:25px;line-height:1.3}
.story-timeline li p{margin:7px 0 0!important}

.reading-page .prose .article-share-actions a.share-platform:not(.btn):not(.text-link){color:var(--ink)}
.reading-page .prose .article-share-actions a.share-platform svg{fill:currentColor}
.article-share{--share-tip-bg:#183344;--share-tip-ink:#fff}
html[data-theme="dark"] .article-share{--share-tip-bg:#e4edf3;--share-tip-ink:#142937}
.article-share-actions .share-platform-label{background:var(--share-tip-bg);color:var(--share-tip-ink)}
.share-more{width:126px;flex:0 0 126px}
.share-more-options{position:absolute;right:0;top:100%;width:190px;background:var(--surface,#fff);z-index:5;box-shadow:0 8px 24px #0002}
.reading-page .prose .share-more-options a:not(.btn):not(.text-link){color:var(--ink)}
.article-share [data-copy-fallback] input{background:var(--surface,#fff)}
@media(hover:none){.article-share-actions .share-platform-label{background:none;color:inherit}}

/* Full compositions, not cropped company-product impersonations. */
.catalog-thumbnail.full-frame img,.maker-image.full-frame img{aspect-ratio:3/2;object-fit:contain}
.maker-profile .article-share{--share-tip-bg:#183344;--share-tip-ink:#fff}
html[data-theme="dark"] .maker-profile .article-share{--share-tip-bg:#e4edf3;--share-tip-ink:#142937}
.maker-profile .article-share a,.maker-profile .article-share button,.maker-profile .article-share summary{color:var(--ink)}
@media(max-width:520px){.catalog-entry:has(.catalog-thumbnail.full-frame){grid-template-columns:minmax(0,1fr);gap:18px}.catalog-entry .catalog-thumbnail.full-frame{max-width:none}.catalog-entry:has(.catalog-thumbnail.full-frame) .catalog-open{grid-column:1}.catalog-thumbnail.full-frame img{aspect-ratio:3/2}.catalog-entry:has(.catalog-thumbnail.full-frame) h2{font-size:2.05rem}}

.story-anchor-alias{display:block;position:relative;scroll-margin-top:160px}
.article-layout .prose>.article-visual.article-visual-portrait img{max-height:none;height:auto;object-fit:contain}