@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,500;0,7..72,600;0,7..72,700;1,7..72,400&family=Public+Sans:wght@400;500;600;700&display=swap');
/* Arts sector, restyled to the vuga_arts_template reference (Aug 2026):
   milky paper, warm ink, stone hairlines, Literata 700 wordmark,
   four-column front (lead + two cards + rail), horizontal 3:2 frames
   everywhere except the Cover Story unit. */
body.layout-arts-object{overflow-x:clip}
.layout-arts-object{--sector-head:Literata,serif;--sector-body:Literata,serif;--sector-ui:'Public Sans',sans-serif;--sector-paper:#fffdfa;--sector-ink:#1c1917;--sector-muted:#78716c;--sector-line:#d6d3d1;--sector-warm:#f5f3f0;--arts-line:#d6d3d1;--arts-soft:#57534e;--arts-grey:#a8a29e}
.layout-arts-object .sector-masthead{min-height:0;padding:1.5rem 1.25rem 1.15rem;border-block:0;display:block;text-align:center}
.layout-arts-object .sector-brand{display:inline-flex;flex-direction:column;align-items:center;gap:0}
.layout-arts-object .sector-brand::before{content:"";display:block;width:140px;max-width:50%;height:1px;background:var(--arts-line);margin:0 auto .9rem}
.layout-arts-object .sector-brand strong{font:700 clamp(1.55rem,3vw,2.4rem)/1 Literata,serif;letter-spacing:-.012em;color:var(--sector-accent);white-space:nowrap}
.layout-arts-object .sector-brand span{font:500 9.5px/1.3 var(--sector-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--arts-grey);margin-top:.6rem}
.layout-arts-object .arts-menu{position:sticky;top:0;z-index:60;background:var(--sector-paper);border-top:1px solid var(--arts-line);border-bottom:1px solid var(--arts-line)}
/* Sticky logo aligns with the content grid's left edge (same 1180px
   container + 1.6rem inset the columns use), so side spacing stays equal. */
.layout-arts-object .arts-menu .arts-sticky-logo{display:none;position:absolute;left:max(1.6rem,calc((100% - 1180px)/2 + 1.6rem));top:50%;transform:translateY(-50%);font:700 1.08rem/1 Literata,serif;letter-spacing:-.012em;color:var(--sector-accent);text-decoration:none;white-space:nowrap}
.layout-arts-object .arts-sticky-logo:hover{color:var(--sector-accent);text-decoration:underline}
.layout-arts-object .arts-menu.arts-stuck .arts-sticky-logo{display:inline-flex}
.layout-arts-object .arts-menu-bar{display:flex;align-items:center;max-width:1180px;margin:0 auto;padding:0 1.6rem;position:relative}
.layout-arts-object .arts-menu-list{display:flex;justify-content:center;align-items:center;gap:1.55rem;flex-wrap:nowrap;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.layout-arts-object .arts-menu-list::-webkit-scrollbar{display:none}
.layout-arts-object .arts-menu-toggle{display:none;flex-direction:column;justify-content:center;background:none;border:0;padding:.8rem .6rem .8rem 0;cursor:pointer}
.layout-arts-object .arts-menu-toggle span{display:block;width:18px;height:2px;background:var(--sector-ink);margin:2.5px 0;transition:transform .2s ease,opacity .2s ease}
.layout-arts-object .arts-menu-open .arts-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.layout-arts-object .arts-menu-open .arts-menu-toggle span:nth-child(2){opacity:0}
.layout-arts-object .arts-menu-open .arts-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.layout-arts-object .arts-menu a{font:500 13px/1 var(--sector-ui);color:var(--sector-ink);white-space:nowrap;padding:.95rem 0;text-decoration:none}
.layout-arts-object .arts-menu a:hover{color:var(--sector-accent)}
.layout-arts-object .arts-menu a:active{color:var(--sector-accent)}
.layout-arts-object .arts-menu .arts-menu-search{margin-left:auto;display:inline-flex;align-items:center;color:var(--sector-ink);padding:.95rem 0 .95rem .9rem;cursor:pointer}
.layout-arts-object .arts-menu .arts-menu-search svg{width:15px;height:15px}
.layout-arts-object .arts-menu .arts-menu-search:hover,.layout-arts-object .arts-menu .arts-menu-search:active{color:var(--sector-accent)}
.arts-search-page{max-width:760px;margin:auto;padding:3rem 1.6rem 6rem}
.arts-search-page>header h1{font:600 clamp(1.8rem,4vw,2.75rem)/1 Literata,serif;letter-spacing:-.02em;margin:0;color:var(--sector-accent)}
.arts-search-page>header p{font-size:15.5px;line-height:1.6;color:#44403c;margin:14px 0 0}
.arts-search-form{display:flex;gap:.6rem;margin:1.8rem 0 1.5rem}
.arts-search-form input{flex:1;border:1px solid var(--arts-line);background:var(--sector-paper);padding:.8rem 1rem;font:500 1rem Literata,serif;color:var(--sector-ink)}
.arts-search-form input:focus{outline:none;border-color:var(--sector-accent)}
.arts-search-form button{border:1px solid var(--sector-ink);background:var(--sector-ink);color:#fff;padding:0 1rem;cursor:pointer;display:inline-flex;align-items:center}
.arts-search-form button svg{width:16px;height:16px}
.arts-search-form button:hover{background:var(--sector-accent);border-color:var(--sector-accent)}
.arts-search-results ul{list-style:none;margin:0;padding:0}
.arts-search-results li{border-top:1px solid var(--arts-line)}
.arts-search-results a{display:block;padding:.85rem .2rem;font:600 1.05rem/1.3 Literata,serif;color:var(--sector-ink)}
.arts-search-results a:hover{color:var(--sector-accent)}
.layout-arts-object .arts-menu a[aria-current="page"]{color:var(--sector-accent);font-weight:600}
.layout-arts-object .sector-advertise{display:none}
.arts-home,.arts-category{max-width:1180px;margin:auto;padding:1.5rem 1.6rem 6rem}
.arts-label,.arts-meta{font:600 12.5px/1.4 var(--sector-ui);letter-spacing:0;text-transform:none}
.arts-label{font-weight:600;color:var(--sector-accent);display:block;margin-bottom:7px}
.arts-meta{font-size:12px;color:var(--sector-muted)}
.arts-meta b{font-weight:600;color:#44403c}
.arts-front{display:grid;grid-template-columns:1.35fr 1.5fr .85fr;gap:34px}
.arts-lead{padding-right:0;border-right:0}
.arts-lead .sector-media{aspect-ratio:3/2}
.arts-lead h2{font:600 clamp(1.55rem,2.9vw,1.95rem)/1.16 Literata,serif;letter-spacing:-.015em;margin:.85rem 0 .6rem}
.arts-lead p{font-size:13.5px;line-height:1.55;color:var(--arts-soft);margin:0 0 10px}
.arts-lead-col{min-width:0}
.arts-lead-side{display:block;margin-top:1.5rem;border-top:1px solid var(--arts-line);padding-top:1.35rem}
.arts-lead-side .sector-media{aspect-ratio:3/2}
.arts-lead-side h3{font:600 1.2rem/1.2 Literata,serif;margin:.7rem 0 .45rem}
.arts-lead-side p{font-size:12.5px;line-height:1.5;color:var(--arts-soft);margin:0 0 8px}
.arts-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-content:start}
.arts-grid .sector-media{aspect-ratio:3/2}
.arts-grid h3{font:600 17.5px/1.26 Literata,serif;margin:0 0 8px}
.arts-grid article>p{font-size:12.5px;line-height:1.5;color:var(--arts-soft);margin:0 0 8px}
.arts-front>aside{border-left:0;padding-left:0}
.arts-front>aside article{border-top:1px solid var(--arts-line);padding:16px 0}
.arts-front>aside article:first-of-type{border-top:0;padding-top:0}
.arts-front>aside time{display:block;font:400 11.5px/1 var(--sector-ui);color:var(--arts-grey);letter-spacing:0;text-transform:none;margin-bottom:7px}
.arts-front>aside a{font:600 16px/1.28 Literata,serif}
.arts-front>aside .arts-meta{margin-top:8px}
.arts-latest{margin-top:44px;border-top:3px solid var(--sector-ink);padding-top:14px}
.arts-latest>h2{font:600 26px/1 Literata,serif;letter-spacing:-.015em;margin:0}
.arts-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 26px;margin-top:22px}
.arts-latest-grid article .sector-media{aspect-ratio:3/2}
.arts-latest-grid h3{font:600 1.15rem/1.2 Literata,serif;margin:0 0 7px}
.arts-latest-grid p{font-size:12.5px;line-height:1.5;color:var(--arts-soft);margin:0 0 8px}
.arts-category{padding-top:26px}
.arts-category>header{border-bottom:0;padding:0 0 22px}
.arts-category>header h1{font:600 clamp(1.8rem,4vw,2.75rem)/1 Literata,serif;letter-spacing:-.02em;margin:0;color:var(--sector-accent)}
.arts-category>header p{font-size:13.5px;line-height:1.6;color:var(--arts-soft,#57534e);margin:10px 0 0;max-width:660px}
.arts-category-list{border-top:1px solid var(--sector-ink)}
.arts-category-list article{display:grid;grid-template-columns:240px 1fr;gap:26px;border-bottom:1px solid #e7e5e4;padding:24px 0;align-items:start}
.arts-category-list article:last-child{border-bottom:0;padding-bottom:8px}
.arts-category-list .sector-media{aspect-ratio:3/2}
.arts-category-list h2{font:600 24px/1.2 Literata,serif;letter-spacing:-.012em;margin:0 0 10px}
.arts-category-list article>p{font-size:13.5px;line-height:1.55;color:var(--arts-soft);margin:0 0 10px;max-width:620px}
.arts-category-list .arts-meta{margin-top:2px}
.arts-article{max-width:1080px;margin:auto;padding:26px 1.6rem 4rem}
.arts-article>header{max-width:820px}
.arts-article h1{font:600 clamp(1.7rem,3.6vw,2.5rem)/1.14 Literata,serif;letter-spacing:-.022em;margin:0 0 14px}
.arts-article>header>p{font:400 21px/1.45 Literata,serif;color:var(--sector-ink);margin:.35rem 0 18px;letter-spacing:-.005em}
.arts-article>header .arts-meta{border-top:1px solid var(--arts-line);border-bottom:1px solid var(--arts-line);padding:11px 0;font-size:13px;color:var(--arts-soft)}
.arts-object-stage{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:34px;align-items:start;margin:26px 0}
.arts-object-stage.arts-stage-solo{display:block}
.arts-object-stage.arts-stage-solo .sector-media{aspect-ratio:3/2}
.arts-object-stage figure{margin:0}
.arts-object-stage .sector-media{aspect-ratio:3/2}
.arts-object-stage figcaption{font:400 12px/1.5 var(--sector-ui);color:var(--sector-muted);margin-top:9px;text-align:center}
.arts-object-line{border:0;border-top:2px solid var(--sector-ink);padding:14px 0 0}
.arts-object-line>b{font:600 10.5px/1 var(--sector-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--arts-grey);display:block;margin-bottom:11px}
.arts-object-line dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}
.arts-object-line dt{color:var(--arts-grey);font:400 12.5px/1.5 var(--sector-ui)}
.arts-object-line dd{margin:0;color:#292524;font:500 12.5px/1.5 var(--sector-ui)}
.arts-object-line small{font:400 11.5px/1.5 var(--sector-ui);color:var(--sector-muted);display:block;margin-top:13px;border-top:1px solid #e7e5e4;padding-top:11px}
/* Article v2 (2026-09-03): wide single body column, narrow text rail of
   five same-category reads; author byline compact and left-aligned. */
.arts-reading{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:44px;max-width:1080px;margin:auto}
.arts-rail-title{font:600 11px/1 var(--sector-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--arts-grey);margin:0 0 .4rem}
.arts-more-read{list-style:none;margin:0;padding:0;counter-reset:mr}
.arts-more-read li{border-top:1px solid var(--arts-line)}
.arts-more-read li:first-child{border-top:0}
.arts-more-read a{display:block;padding:.8rem 0;font:600 14.5px/1.3 Literata,serif}
.arts-article .arts-body a{color:var(--sector-accent);text-decoration:underline;text-underline-offset:2px}
.arts-article .arts-body a:hover{color:var(--arts-ink)}
.arts-more-read a,.arts-related h3 a,.arts-author b a{color:var(--sector-ink);text-decoration:underline;text-decoration-color:var(--sector-accent);text-underline-offset:2px}
.arts-more-read a:hover,.arts-related h3 a:hover,.arts-author b a:hover{color:var(--sector-accent)}
.arts-related .arts-label a{color:var(--sector-accent);text-decoration:underline;text-underline-offset:2px}
/* Sources: small type between the last paragraph and the byline, one gap
   per item, accent-underlined links. Scoped to arts pages only. */
.arts-article section[aria-label="Sources"]{max-width:1080px;margin:2.4rem 0 0;padding:0;border:0;font-family:var(--sector-ui)}
.arts-article section[aria-label="Sources"] h2{font:600 11px/1 var(--sector-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--arts-grey);margin:0 0 .6rem}
.arts-article section[aria-label="Sources"] ol{list-style:decimal inside;margin:0;padding:0;font:400 12.5px/1.5 var(--sector-ui);color:var(--arts-muted)}
.arts-article section[aria-label="Sources"] li{margin:0 0 .7rem;padding:0}
.arts-article section[aria-label="Sources"] li:last-child{margin-bottom:0}
.arts-article section[aria-label="Sources"] a{color:var(--sector-accent);text-decoration:underline;text-underline-offset:2px}
.arts-article section[aria-label="Sources"] a:hover{color:var(--arts-ink)}
.arts-article section[aria-label="Sources"] .text-gray-500,.arts-article section[aria-label="Sources"] span{color:var(--arts-muted)}
.arts-author{display:flex;gap:.8rem;align-items:center;max-width:660px;margin:2rem 0 0}
.arts-author-avatar{display:block;flex:none;text-decoration:none}
.arts-author-avatar img,.arts-author-avatar span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--arts-warm);font:600 15px/1 Literata,serif;color:var(--arts-soft)}
.arts-author div{display:flex;flex-direction:column;gap:1px}
.arts-author b{font:600 .95rem/1.2 Literata,serif}
.arts-author span{font:400 12px/1.4 var(--sector-ui);color:var(--arts-muted)}
.arts-related{border-top:3px solid var(--sector-ink);padding-top:14px;margin-top:3rem}
.arts-related>h2{font:600 26px/1 Literata,serif;letter-spacing:-.015em;margin:0}
.arts-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:20px}
.arts-related-grid .sector-media{aspect-ratio:3/2;display:block}
.arts-related-grid h3{font:600 16px/1.26 Literata,serif;margin:.45rem 0 0}
.arts-related-grid .arts-label{margin:.6rem 0 0}
.arts-body{font-size:17px;line-height:1.75;color:#292524}
.arts-body p{max-width:none}
.arts-body h2{font:600 24px/1.1 Literata,serif;letter-spacing:-.012em;margin:30px 0 14px}
.arts-body blockquote{border-left:3px solid var(--sector-accent);padding:4px 0 4px 20px;margin:26px 0;font:400 20px/1.45 Literata,serif;color:var(--sector-ink);max-width:600px}
.arts-reading>aside{font:400 11px/1.5 var(--sector-ui);color:var(--sector-muted)}
.arts-article>.sector-author{max-width:660px;margin-inline:auto}
.layout-arts-object .sector-footer{background:var(--sector-paper);color:#292524;border-top:3px solid var(--sector-ink);margin-top:52px}
.layout-arts-object .sector-footer .sector-footer-wordmark{color:var(--sector-accent)}
.layout-arts-object .sector-footer-grid h2{color:var(--sector-ink)}
.layout-arts-object .sector-footer-grid a{color:#44403c}
.layout-arts-object .sector-footer-bottom{border-top:1px solid #e7e5e4;color:var(--sector-muted)}
/* Front v2 (2026-09-02): four vertical columns — Latest (3 text rows),
   rubric 1 and rubric 2 shelves (4 cards each, newest first), then a text
   Spotlight column (random last-2-months picks with excerpts) carrying the
   Cover Story unit; below, one full-width 4-card row per remaining rubric. */
.arts-front-v2{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:30px;align-content:start}
.arts-col{min-width:0}
.arts-col-title{font:600 11px/1 var(--sector-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--arts-grey);margin:0}
.arts-col-title a{color:inherit;text-decoration:none}
.arts-col-title a:hover{color:var(--sector-accent)}
.arts-col-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;border-bottom:1px solid var(--arts-line);padding-bottom:.7rem}
.arts-col-all{font:700 10.5px/1 var(--sector-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--sector-muted);text-decoration:none;white-space:nowrap}
.arts-col-all:hover{color:var(--sector-accent)}
.arts-col-latest article{border-top:1px solid var(--arts-line);padding:14px 0}
.arts-col-latest article:first-of-type{border-top:0;padding-top:1.1rem}
.arts-col-latest .sector-media{aspect-ratio:3/2;display:block;margin-bottom:9px}
.arts-col-latest time{display:block;font:400 11.5px/1 var(--sector-ui);color:var(--arts-grey);margin-bottom:7px}
.arts-col-latest h3{font:600 16.5px/1.28 Literata,serif;margin:0 0 6px}
.arts-col-latest .arts-label{margin-bottom:5px}
.arts-col-latest p{font-size:12.5px;line-height:1.5;color:var(--arts-soft);margin:0 0 7px}
.arts-col-latest article.arts-latest-text{padding-top:4px}
.arts-col-latest h3 a,.arts-col-rubric h3 a,.arts-col-mix h3 a,.arts-catrow h3 a{color:var(--sector-ink);text-decoration:none}
.arts-col-latest h3 a:hover,.arts-col-rubric h3 a:hover,.arts-col-mix h3 a:hover,.arts-catrow h3 a:hover{color:var(--sector-accent)}
.arts-col-latest .arts-meta{margin-top:0}
.arts-col-rubric article{margin-bottom:1.35rem}
.arts-col-rubric article:last-child{margin-bottom:0}
.arts-col-rubric .sector-media{aspect-ratio:3/2;display:block}
.arts-col-rubric .arts-label{margin:.55rem 0 0}
.arts-col-rubric h3{font:600 17px/1.26 Literata,serif;margin:.3rem 0 5px}
.arts-col-mix article{border-top:1px solid var(--arts-line);padding:13px 0}
.arts-col-mix article:first-of-type{border-top:0;padding-top:1.1rem}
.arts-col-mix h3{font:600 15.5px/1.28 Literata,serif;margin:0 0 6px}
.arts-col-mix p{font-size:12.5px;line-height:1.5;color:var(--arts-soft);margin:0 0 7px}
.arts-col-mix .arts-cover-story{margin-top:1.6rem}
.arts-catrows{margin-top:46px}
.arts-catrow{border-top:3px solid var(--sector-ink);padding-top:14px;margin-bottom:44px}
.arts-catrow>header{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}
.arts-catrow>header h2{font:600 26px/1 Literata,serif;letter-spacing:-.015em;margin:0}
.arts-catrow>header h2 a{color:var(--sector-ink);text-decoration:none}
.arts-catrow>header h2 a:hover{color:var(--sector-accent)}
.arts-catrow-all{font:700 10.5px/1 var(--sector-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--sector-muted);text-decoration:none;white-space:nowrap}
.arts-catrow-all:hover{color:var(--sector-accent)}
.arts-catrow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:20px}
.arts-catrow-grid .sector-media{aspect-ratio:3/2;display:block}
.arts-catrow-grid h3{font:600 16.5px/1.26 Literata,serif;margin:.6rem 0 6px}
.arts-catrow-grid p{font-size:12.5px;line-height:1.5;color:var(--arts-soft);margin:0 0 8px}
@media(max-width:1100px){.arts-front-v2{grid-template-columns:1fr 1fr;gap:28px}.arts-catrow-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.arts-latest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.arts-front-v2{grid-template-columns:1fr;gap:30px}.arts-catrow-grid{grid-template-columns:repeat(2,1fr);gap:22px}}
@media(max-width:520px){.arts-catrow-grid{grid-template-columns:1fr}}
@media(max-width:800px){.arts-reading{grid-template-columns:1fr}.arts-related-grid{grid-template-columns:repeat(2,1fr)}.arts-front{grid-template-columns:1fr;gap:30px}.arts-grid{grid-template-columns:1fr;gap:26px}.arts-category-list article{grid-template-columns:1fr}.arts-object-stage,.arts-reading{grid-template-columns:1fr}.arts-reading>aside{display:none}.layout-arts-object .sector-masthead{padding:1.1rem 1rem .95rem}.layout-arts-object .sector-brand strong{font-size:1.55rem}.layout-arts-object .sector-brand span{letter-spacing:.2em}.arts-lead h2{font-size:1.55rem}
.layout-arts-object .arts-menu-bar{justify-content:space-between;padding:0 1rem}
/* Mobile pinned bar (2026-09-04): logo dead-center, burger and magnifier
   identical 44px targets with equal gutters from the screen edges. */
.layout-arts-object .arts-sticky-logo{left:50%;transform:translate(-50%,-50%);font-size:1rem;max-width:46%;overflow:hidden;text-overflow:ellipsis}
.layout-arts-object .arts-menu-toggle{display:flex;width:44px;height:44px;justify-content:center;align-items:center;padding:0}
.layout-arts-object .arts-menu .arts-menu-search{width:44px;height:44px;padding:0;justify-content:center}
.layout-arts-object .arts-menu-list{display:none}
.layout-arts-object .arts-menu-open .arts-menu-list{display:flex;position:absolute;top:100%;left:.75rem;right:.75rem;flex-direction:column;align-items:stretch;gap:0;background:var(--sector-paper);border:1px solid var(--arts-line);border-top:1px solid var(--arts-line);box-shadow:0 14px 24px -18px rgba(28,25,23,.4);padding:.4rem 0 .6rem;overflow:visible}
.layout-arts-object .arts-menu-open .arts-menu-list a{padding:.8rem 1.4rem;font-size:14px}
.layout-arts-object .arts-menu-open .arts-menu-list a[aria-current="page"]{background:var(--sector-warm)}.arts-page-head{font-size:1.75rem}}
@media(max-width:520px){.arts-grid{grid-template-columns:1fr}.arts-latest-grid{grid-template-columns:1fr}.arts-category-list h2{font-size:1.2rem}}

/* Data pages (2026-09-03): same container, header, and voice as the rest of
   the site. No breadcrumb path; filters are working chips; links wear the
   site accent underline. */
.layout-arts-object .data-main{width:auto;max-width:1180px;padding:1.5rem 1.6rem 6rem}
.layout-arts-object .data-main h1{font:600 clamp(1.8rem,4vw,2.75rem)/1 Literata,serif;letter-spacing:-.02em;margin:0;color:var(--sector-accent)}
.layout-arts-object .data-breadcrumb{display:none}
.layout-arts-object .data-main a{color:var(--sector-accent);text-decoration:underline;text-underline-offset:2px}
.layout-arts-object .data-main a:hover{color:var(--arts-ink)}
.data-controls{align-items:center}
.data-controls p{margin:0}
.data-filter-group{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.data-chip{border:1px solid var(--arts-line,#d6d3d1);background:transparent;color:inherit;font:600 12px/1 var(--sector-ui,'Public Sans',sans-serif);padding:.45rem .7rem;cursor:pointer}
.data-chip:hover{border-color:currentColor}
.data-chip--active{background:var(--sector-ink,#1c1917);color:var(--sector-paper,#fffdfa);border-color:var(--sector-ink,#1c1917)}

/* Advertise / Partner Content (2026-09-03): louder call-to-action pair with
   real spacing, and a vertical Cover Story example on the right fed from
   /assets/images/covers/<slug>.png (hidden until the file exists). */
.layout-arts-object .partner-content-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.layout-arts-object .partner-content-actions .partner-content-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.6rem;border:0;background:var(--sector-accent);color:#fff;font:700 .8rem 'Public Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.layout-arts-object .partner-content-actions .partner-content-secondary:hover{background:var(--arts-ink,#1c1917)}
.layout-arts-object .sector-utility:has(.adv-split){width:min(1180px,100%)}
.layout-arts-object .sector-utility .adv-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.layout-arts-object .arts-adv-cover{position:sticky;top:100px}
.layout-arts-object .arts-adv-cover img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid var(--arts-line,#d6d3d1);background:var(--arts-warm,#f5f3f0)}
.layout-arts-object .arts-adv-cover small{display:block;margin-top:8px;font:700 10.5px/1.3 'Public Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--arts-muted,#78716c)}
@media(max-width:900px){.layout-arts-object .sector-utility .adv-split{grid-template-columns:1fr}.layout-arts-object .arts-adv-cover{position:static;max-width:320px}}

/* Round 28 (2026-09-04): uniform annotation cards — one excerpt font; caption = label, then title, excerpt, author · date · read time */
.layout-arts-object .arts-front-v2 article>p,.layout-arts-object .arts-catrows article>p{font-size:12.5px;line-height:1.5;color:var(--arts-soft);margin:0 0 8px}
.layout-arts-object .arts-front-v2 .arts-label,.layout-arts-object .arts-catrow-grid .arts-label{display:block;margin:10px 0 0}
.layout-arts-object .arts-front-v2 h3,.layout-arts-object .arts-catrow-grid h3{margin:6px 0 7px}
.layout-arts-object .arts-front-v2 .arts-meta,.layout-arts-object .arts-catrow-grid .arts-meta{margin:2px 0 0}

/* Round 29 (2026-09-04): footer minimal (no text block, advertise gap, smaller nav links); two-line captions (author / date+read time) */
.layout-arts-object .sector-footer-advertise{margin-top:1.1rem}
.layout-arts-object .sector-footer-grid nav a{font:600 12px/1.4 var(--sector-ui);letter-spacing:.03em}
.layout-arts-object .arts-front-v2 .arts-meta,.layout-arts-object .arts-catrow-grid .arts-meta,.layout-arts-object .arts-category-list .arts-meta{display:flex;flex-direction:column;gap:3px;align-items:flex-start;margin:2px 0 0}
.layout-arts-object .arts-meta>span{font:500 11px/1.4 var(--sector-ui);color:var(--arts-grey);letter-spacing:.02em}

/* Round 30 (2026-09-04): share row (was unstyled — buttons ran together) */
.arts-share{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin:1.1rem 0 1.3rem}
.arts-share>span{font:700 10.5px/1 var(--sector-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--arts-grey,#78716c)}
.arts-share a{display:inline-flex;align-items:center;border:1px solid var(--arts-line,#e7e5e4);padding:.42rem .8rem;font:600 11.5px/1 var(--sector-ui);letter-spacing:.04em;color:var(--sector-ink);text-decoration:none;background:transparent;cursor:pointer}
.arts-share a:hover{border-color:var(--sector-accent);color:var(--sector-accent)}

/* Round 31 (2026-09-04): utility pages share the layout width and body type */
.layout-arts-object .sector-utility-wrap{width:min(1180px,100%);padding:2.5rem 1.6rem 5rem}
.layout-arts-object .sector-utility{width:100%;max-width:none;margin:0;font:400 17px/1.55 var(--sector-body)}
.layout-arts-object .sector-utility h1{font:600 clamp(1.8rem,3.4vw,2.6rem)/1.05 Literata,serif;letter-spacing:-.02em}

/* Round 32 (2026-09-04): about alignment, Newsdesk 3-up cards (name+role only), utility type = category type */
.layout-arts-object .sector-utility--about>.sector-about-body,.layout-arts-object .sector-utility--about>.about-team,.layout-arts-object .sector-utility--about>.about-network{width:100%;max-width:none;margin:0}
.layout-arts-object .sector-utility{font:400 13.5px/1.6 var(--sector-body);color:var(--arts-soft,#57534e)}
.layout-arts-object .sector-utility p,.layout-arts-object .sector-utility li{line-height:1.6}
.layout-arts-object .sector-utility-intro{font-size:13.5px;color:var(--arts-soft,#57534e)}
.layout-arts-object .sector-utility h2{font:600 20px/1.2 Literata,serif;letter-spacing:-.01em;margin:2rem 0 .7rem}
.layout-arts-object .team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem 2rem}
.layout-arts-object .team-member .line{display:none}
.layout-arts-object .team-member>a{grid-template-rows:auto auto}
.layout-arts-object .team-member img{grid-row:1/3}
.layout-arts-object .about-team h2{font:600 20px/1.2 Literata,serif;letter-spacing:-.01em}
@media(max-width:700px){.layout-arts-object .team-grid{grid-template-columns:1fr}}

/* Round 32b (2026-09-04): contact page — drop the big legacy h1, eyebrow is the title */
.layout-arts-object .vuga-contact-header h1{display:none}
.layout-arts-object .vuga-contact-header .vuga-contact-eyebrow{font:700 13px/1.2 var(--sector-ui);letter-spacing:.18em}

/* Round 34 (2026-09-05): author pages use the site type scale — the base
   clamp() name is capped at the article-title size; role under the name. */
.layout-arts-object .sector-author-page h1{font:600 clamp(1.8rem,3.2vw,2.4rem)/1.1 Literata,serif;letter-spacing:-.02em}
.layout-arts-object .sector-author-page .sector-author-bio{max-width:none;font:400 13.5px/1.6 var(--arts-soft,#57534e)}
.layout-arts-object .sector-author-page .sector-author-title{margin:0 0 .6rem;color:var(--sector-accent)}

/* Round 35 (2026-09-05): one headline canon — utility h1 matches the article
   title scale. */
.layout-arts-object .sector-utility>h1{font:600 clamp(1.8rem,3.2vw,2.4rem)/1.1 Literata,serif;letter-spacing:-.02em}
