:root{font-family:Arial,Helvetica,sans-serif;color:#f5f5f5;background:#000;color-scheme:dark;font-size:18px;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:6px}header,footer{max-width:1120px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between}header{border-bottom:1px solid #383838}.identity{display:flex;align-items:center;gap:12px;font-weight:bold;text-decoration:none;font-size:20px}.identity img{width:34px;height:34px}nav{display:flex;gap:36px}nav a{text-decoration:none}nav a[aria-current]{text-decoration:underline}main{max-width:1040px;margin:0 auto;padding:60px 0 90px;min-height:75vh}h1,h2,h3{line-height:1.2;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(2rem,5vw,3.6rem);margin:15px 0 25px}h2{font-size:1.65rem;margin-top:42px}h3{font-size:1.2rem}p{max-width:700px}.eyebrow,.meta,.crumb{font-size:14px;color:#b8b8b8}.eyebrow{text-transform:uppercase;letter-spacing:.12em}.crumb{margin-bottom:32px}.crumb a{margin-right:8px}.entrance{max-width:840px;margin:auto}.banner{width:100%;height:270px;object-fit:cover;background:#000;display:block}.choices{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #383838}.choice{padding:30px 0 34px;text-decoration:none;font-size:32px;display:flex;justify-content:space-between}.choice:first-child{margin-right:40px}.choice:last-child{border-left:1px solid #383838;padding-left:40px}.intro{font-size:19px;max-width:650px}.warning{border-left:2px solid #999;padding:0 0 0 22px;margin:32px 0 50px;max-width:760px;font-size:16px}.row{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0;border-bottom:1px solid #383838;text-decoration:none}.row strong{display:block;font-size:22px;font-weight:400}.row small{color:#b8b8b8;font-size:14px}.number{min-width:48px;color:#aaa;font-size:14px}.row .title{flex:1}.row:hover strong{text-decoration:underline;text-underline-offset:5px}.split{display:grid;grid-template-columns:minmax(0,680px) 220px;gap:80px}.aside{border-top:1px solid #383838;font-size:15px;padding-top:15px}.aside p{margin-bottom:24px}.aside a{display:block;margin:10px 0}.player{background:#151515;padding:25px 28px;margin:30px 0}.player p{margin:0 0 15px}audio{width:100%;display:block}.forms{display:flex;gap:22px;flex-wrap:wrap;font-size:15px;padding:15px 0;border-bottom:1px solid #383838}.verse{white-space:pre-wrap;font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.85;max-width:680px}.text-section{padding-top:20px;scroll-margin-top:20px}details{border-top:1px solid #383838;padding:20px 0;margin-top:25px}summary{cursor:pointer}.note{font-size:15px;color:#b8b8b8;background:#151515;padding:20px 24px;margin:28px 0}.badge{font-size:13px;display:inline-block;border:1px solid #707070;padding:2px 9px;margin-right:8px}.paper-shell{min-height:180px;margin-top:40px;border-top:1px solid #383838;padding-top:20px}.parts{margin-top:35px}footer{border-top:1px solid #383838;font-size:13px;color:#aaa}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:15px;background:#000;padding:10px;z-index:2}@media(max-width:1100px){main{padding:40px 35px 65px}.split{gap:35px;grid-template-columns:minmax(0,1fr) 200px}}@media(max-width:700px){header,footer{padding:20px 22px}main{padding:35px 22px 60px}.split{display:block}.aside{margin-top:45px}.banner{height:190px}.choice{font-size:28px}.choice:first-child{margin-right:20px}.choice:last-child{padding-left:20px}h1{font-size:2.25rem}.row strong{font-size:19px}.verse{font-size:18px}.player{padding:20px 14px}footer{gap:25px}.number{min-width:25px}}
video{display:block;width:100%;height:auto;max-height:75vh;background:#000}.panel-title{font-size:1rem;letter-spacing:0;margin:0 0 22px;line-height:1.5}.paper-text{font-family:Georgia,'Times New Roman',serif;line-height:1.85;overflow-wrap:anywhere}.paper-text h2,.paper-text h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;line-height:1.4;scroll-margin-top:24px}.paper-text h2{margin-top:60px;font-size:1.5rem}.paper-text h3{margin-top:36px;font-size:1.15rem}.paper-text p{margin:0 0 1.2em}.paper-text sup,.paper-text sub{line-height:0}.paper-contents a{display:block;margin:12px 0}.note h2{margin:0 0 12px;font-size:1.2rem}.note p:last-child{margin-bottom:0}.split article{min-width:0}
.table-scroll{max-width:100%;overflow-x:auto;margin:28px 0;border:1px solid #444}.table-scroll:focus-visible{outline:2px solid #fff;outline-offset:4px}.paper-text table{border-collapse:collapse;width:100%;min-width:540px;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}.paper-text td{border:1px solid #444;padding:14px;vertical-align:top;min-width:130px}.paper-text td p:last-child{margin-bottom:0}.numbered-paragraph{position:relative;padding-left:2em}.numbered-paragraph:before{content:attr(data-marker);position:absolute;left:0}.paper-contents{max-height:55vh;overflow-y:auto;padding-right:14px}.paper-contents .contents-level-3{padding-left:16px;font-size:16px}.paper-contents .contents-level-4,.paper-contents .contents-level-5,.paper-contents .contents-level-6{padding-left:28px;font-size:15px}
.latest-feed{margin-top:56px}.latest-feed h2{font-size:25px;letter-spacing:0;margin:0 0 22px}.feed-list{list-style:none;margin:0;padding:0}.feed-list li{border-top:1px solid #383838}.feed-entry{position:relative;display:block;padding:24px 40px 24px 0;text-decoration:none}.feed-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#aaa}.feed-meta>span:first-child{color:#ddd}.feed-entry h3{font-size:22px;letter-spacing:0;line-height:1.4;margin:9px 0 5px}.feed-entry p{font-size:14px;color:#aaa;margin:0}.feed-entry:hover h3{text-decoration:underline;text-underline-offset:5px}.feed-arrow{position:absolute;right:0;top:50%;color:#aaa}@media(max-width:700px){.latest-feed{margin-top:40px}.feed-entry h3{font-size:20px}}

:root{--masthead-progress:0}
.masthead-space{height:68px}.landing-page .masthead-space{height:340px}
.masthead{position:fixed;inset:0 0 auto;z-index:20;max-width:none;height:calc(340px - 272px * var(--masthead-progress));padding:0;background:#000;border-bottom:1px solid #383838;display:block}
.masthead-inner{position:relative;height:100%;max-width:840px;margin:auto}
.masthead-logo{position:absolute;display:block;overflow:hidden;width:calc(600px - 460px * var(--masthead-progress));max-width:75vw;height:calc(145px - 101px * var(--masthead-progress));top:calc(45px - 33px * var(--masthead-progress));left:calc(50% - 50% * var(--masthead-progress));transform:translateX(calc(-50% + 50% * var(--masthead-progress)))}
.masthead-logo img{position:absolute;width:180%;max-width:none;height:auto;left:-40%;top:50%;transform:translateY(-50%)}
.masthead-choices{position:absolute;right:0;bottom:calc(24px - 12px * var(--masthead-progress));display:flex;gap:0;width:calc(100% - (100% - min(360px, 100% - 175px)) * var(--masthead-progress))}
.masthead-choices a{display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:calc(32px - 15px * var(--masthead-progress));text-decoration:none}
.masthead-choices a:hover{text-decoration:underline}.masthead-choices a+ a{border-left:1px solid #383838;padding-left:calc(40px - 16px * var(--masthead-progress))}.masthead-choices span{opacity:calc(1 - var(--masthead-progress))}
.landing-page main{padding-top:30px}.landing-page .latest-feed{margin-top:0}.skip:focus{position:fixed;z-index:30}.text-section,.paper-text h2,.paper-text h3,[id]{scroll-margin-top:90px}
@media(max-width:940px){.masthead-inner{margin:0 35px}}@media(max-width:700px){.masthead-inner{margin:0 22px}.masthead-logo{width:calc(75vw - (75vw - 100px) * var(--masthead-progress))}.masthead-choices{width:calc(100% - 115px * var(--masthead-progress));gap:0}.masthead-choices a+ a{padding-left:20px}.landing-page main{padding-top:28px}}
.art-area .masthead-choices{width:calc(100% - (100% - 580px) * var(--masthead-progress));gap:calc(28px - 12px * var(--masthead-progress))}.art-area .masthead-choices a{font-size:calc(26px - 10px * var(--masthead-progress));gap:6px}.art-area .masthead-choices a+ a{padding-left:16px}.art-context{display:flex;align-items:center;justify-content:space-between;gap:20px}.art-context>a{font-size:14px}.art-area .warning{margin:28px 0 36px}.art-area .feed-list{max-width:840px}@media(max-width:940px){.art-area .masthead-choices{width:calc(100% - 170px * var(--masthead-progress))}.art-area .masthead-choices a{font-size:calc(24px - 10px * var(--masthead-progress))}.art-area .masthead-choices a+ a{padding-left:8px}.art-area .masthead-choices span{display:none}}@media(max-width:700px){.art-area .masthead{height:calc(340px - 228px * var(--masthead-progress))}.art-area .masthead-space{height:112px}.art-area.landing-page .masthead-space{height:340px}.art-area .masthead-choices{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 115px * var(--masthead-progress));gap:0 12px;bottom:calc(20px - 8px * var(--masthead-progress))}.art-area .masthead-choices a{font-size:calc(23px - 9px * var(--masthead-progress))}.art-area .masthead-choices a+ a{padding-left:0;border-left:0}.art-area .masthead-logo{top:calc(35px + 0px * var(--masthead-progress))}.art-area [id]{scroll-margin-top:135px}}
.work-sequence{margin-top:40px;border-top:1px solid #383838;padding-top:22px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.work-sequence a{text-decoration:underline}
.art-area .masthead-choices{width:calc(100% - 175px * var(--masthead-progress));gap:14px}.art-area .masthead-choices a{font-size:calc(21px - 8px * var(--masthead-progress));white-space:nowrap}.art-area .masthead-choices a+ a{padding-left:12px}.art-area .masthead-choices span{display:none}@media(max-width:940px){.art-area .masthead-choices{gap:8px}.art-area .masthead-choices a+ a{padding-left:8px}}@media(max-width:700px){.art-area .masthead{height:calc(340px - 184px * var(--masthead-progress))}.art-area .masthead-space{height:156px}.art-area.landing-page .masthead-space{height:340px}.art-area .masthead-choices{width:calc(100% - 115px * var(--masthead-progress));gap:0 12px}.art-area .masthead-choices a{font-size:calc(22px - 8px * var(--masthead-progress))}.art-area .masthead-choices a:first-child{grid-column:1 / -1}.art-area .masthead-choices a+ a{padding-left:0}.art-area .masthead-logo{top:calc(25px + 31px * var(--masthead-progress))}.art-area [id]{scroll-margin-top:180px}}
.relation-group-title{font-size:15px;font-weight:600;letter-spacing:0;line-height:1.5;margin:24px 0 14px}.aside .relation-group-title:first-of-type{margin-top:0}@media(max-width:900px){.split{display:block}.split>.aside{margin-top:48px;padding-top:24px}.split>.aside p{max-width:680px}}
.theory-area .masthead-choices{width:calc(100% - 170px * var(--masthead-progress));gap:0}.theory-area .masthead-choices a{font-size:calc(26px - 10px * var(--masthead-progress))}.theory-area .masthead-choices a+ a{padding-left:18px}.theory-area .masthead-choices span{display:none}.essay-reading{max-width:720px}.theory-area .warning{font-size:16px;margin-top:28px}@media(max-width:700px){.theory-area .masthead{height:calc(340px - 184px * var(--masthead-progress))}.theory-area .masthead-space{height:156px}.theory-area.landing-page .masthead-space{height:340px}.theory-area .masthead-choices{display:flex;flex-direction:column;gap:0;width:calc(100% - 115px * var(--masthead-progress))}.theory-area .masthead-choices a{font-size:calc(22px - 8px * var(--masthead-progress))}.theory-area .masthead-choices a+ a{border-left:0;padding-left:0}.theory-area .masthead-logo{top:calc(25px + 31px * var(--masthead-progress))}.theory-area [id]{scroll-margin-top:180px}}

.tunversong-definition{margin:24px 0 32px;max-width:740px}.tunversong-definition h1{font-size:24px;letter-spacing:0;margin:0 0 4px}.tunversong-definition .definition-kind{font-size:13px;color:#aaa;margin:0 0 14px}.tunversong-definition>p:not(.definition-kind){font-size:15px;line-height:1.7;max-width:740px}.tunversong-definition h2{font-size:17px;letter-spacing:0;margin:22px 0 10px}
.feed-entry.has-thumbnail{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-right:0;min-height:150px}.feed-copy{min-width:0;flex:1}.feed-thumbnail{position:relative;display:block;width:154px;height:100px;flex:0 0 154px;background:#080808;border:1px solid #333;overflow:hidden}.feed-thumbnail img{width:100%;height:100%;object-fit:cover}.feed-thumbnail>span{position:absolute;right:5px;bottom:4px;background:#000;padding:0 5px;font-size:12px;color:#ccc}.entry-picture,.entry-video{margin:24px 0 32px}.entry-picture img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#050505}.entry-picture figcaption,.entry-video figcaption{font-size:13px;color:#aaa;margin-top:8px}.entry-video iframe{width:100%;aspect-ratio:16/9;min-height:200px;display:block;border:0}.video-placeholder{margin:24px 0;aspect-ratio:16/9;min-height:200px;background:#101010;border:1px solid #444;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.video-placeholder>span{font-size:48px}.video-placeholder p{margin:0}.video-placeholder small{color:#aaa;font-size:14px;padding:10px}@media(max-width:700px){.feed-entry.has-thumbnail{gap:16px;min-height:122px}.feed-thumbnail{width:96px;height:76px;flex-basis:96px}.feed-entry.has-thumbnail h3{font-size:18px}.feed-entry.has-thumbnail p{font-size:13px}.feed-entry.has-thumbnail .feed-meta{gap:8px}}

.editable-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;max-width:740px}

.inline-relation{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.inline-relation:hover,.inline-relation:focus-visible{background:#fff;color:#000}.paper-text [id]{scroll-margin-top:100px}

/* Theory artwork gives way to the shared compact home identity. */
.theory-landing-art{display:none}
.theory-area.landing-page .masthead{height:calc(520px - 452px * var(--masthead-progress))}
.theory-area.landing-page .masthead-space{height:520px}
.theory-area.landing-page .theory-landing-art{display:block;position:absolute;top:0;left:0;width:100%;height:calc(420px * (1 - var(--masthead-progress)));object-fit:contain;opacity:calc(1 - 1.5 * var(--masthead-progress));pointer-events:none}
.theory-area.landing-page .masthead-logo{opacity:calc(2 * var(--masthead-progress) - 1)}
.theory-area.landing-page .masthead-logo:focus-visible{opacity:1;background:#000}
@media(max-width:700px){
.theory-area.landing-page .masthead{height:calc(380px - 224px * var(--masthead-progress))}
.theory-area.landing-page .masthead-space{height:380px}
.theory-area.landing-page .theory-landing-art{height:calc(220px * (1 - var(--masthead-progress)))}
}

/* Fit the complete relational banner at both landing and compact sizes. */
.masthead-logo img{width:100%;height:100%;left:0;top:0;transform:none;object-fit:contain}

/* Four theory destinations stay available on narrow screens. */
@media(max-width:700px){
.theory-area .masthead{height:calc(420px - 220px * var(--masthead-progress))}
.theory-area .masthead-space{height:200px}
.theory-area.landing-page .masthead{height:calc(420px - 220px * var(--masthead-progress))}
.theory-area.landing-page .masthead-space{height:420px}
.theory-area [id]{scroll-margin-top:224px}
}

.series-download{display:inline-block;border:1px solid #777;padding:12px 20px}.download-part{border-top:1px solid #383838;padding:20px 0}.download-part-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.download-part-heading h3{margin:0;max-width:650px}.download-part-heading>a{white-space:nowrap;font-size:15px}.download-part details{border:0;padding:12px 0 0;margin:0}.download-release{margin-bottom:28px}@media(max-width:700px){.download-part-heading{display:block}.download-part-heading>a{display:inline-block;margin-top:12px}}

/* Centre labels within the shared primary navigation choices. */
.masthead-choices a{justify-content:center;text-align:center;position:relative;min-width:0;gap:calc(12px * (1 - var(--masthead-progress)))}
.masthead-choices a span{position:absolute;right:0}

.masthead .masthead-choices a+a{padding-left:0;padding-right:0}

.masthead-choices a[aria-current]{text-decoration:none}


.masthead-choices .landing-flourish{position:relative;right:auto;display:inline-block;flex:0 0 90px;width:90px;height:30px;overflow:hidden}.landing-flourish img{position:absolute;width:200%;max-width:none;height:auto;left:-50%;top:50%;transform:translateY(-50%)}
@media(max-width:700px){.masthead-choices .landing-flourish{flex-basis:60px;width:60px;height:24px}}

.masthead-choices .landing-flourish{flex-basis:calc(90px * (1 - var(--masthead-progress)));width:calc(90px * (1 - var(--masthead-progress)))}@media(max-width:700px){.masthead-choices .landing-flourish{flex-basis:calc(60px * (1 - var(--masthead-progress)));width:calc(60px * (1 - var(--masthead-progress)))}}
/* The main region receives focus after navigation; only controls need an outline. */
#main:focus { outline: none; }
/* Use the same outer edges for theory navigation and document reading. */
.theory-area .masthead-inner,
.theory-area main:has(.paper-text) {width:calc(100% - 70px);max-width:840px;margin-left:auto;margin-right:auto;}
.theory-area main:has(.paper-text) {padding-left:0;padding-right:0;}
.theory-area main:has(.paper-text) .split {display:block;}
.theory-area main:has(.paper-text) .split > .aside {margin-top:48px;padding-top:24px;}
.theory-area .paper-text,.theory-area .paper-text p,.theory-area .editable-body,
.theory-area .essay-reading,.theory-area main:has(.paper-text) article > p {max-width:none;width:100%;}
@media(max-width:700px){
 .theory-area .masthead-inner,.theory-area main:has(.paper-text) {width:calc(100% - 44px);}
}
/* Justify prose while preserving deliberate verse layout and interface labels. */
main p:not(.meta):not(.eyebrow):not(.crumb), .paper-text li, .editable-body {
 text-align:justify;text-align-last:start;hyphens:auto;
}
main .verse, main .verse p, main .meta, main .eyebrow, main .aside p,
main .feed-meta, main .feed-entry p, main .forum-entry-link {
 text-align:start;hyphens:none;
}
/* Art destinations share balanced padding, including the longer labels. */
.art-area .masthead-choices {gap:0;}
.art-area .masthead .masthead-choices a {flex:1 1 auto;min-width:0;padding:6px 10px;}
.art-area .masthead-choices .landing-flourish {display:none;}
@media(max-width:940px) and (min-width:701px){
 .art-area .masthead .masthead-choices a {font-size:calc(18px - 5px * var(--masthead-progress));padding:6px 8px;}
}
@media(max-width:700px){
 .art-area .masthead-choices {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;}
 .art-area .masthead .masthead-choices a {padding:4px 0;font-size:calc(18px - 5px * var(--masthead-progress));}
 .art-area .masthead-choices a:first-child {grid-column:auto;}
}

/* Imported documents use the website's reading style, preserving source locators. */
.paper-text img{display:block;max-width:100%;height:auto;margin:1.5em auto}
.document-table{max-width:100%;overflow-x:auto;margin:1.5em 0}.document-table table{border-collapse:collapse;width:100%}
.document-table td,.document-table th{border:1px solid #777;padding:.65em;vertical-align:top}
.document-table p{margin:.3em 0}.document-note{margin:1em 0}.document-list-label{margin-right:.5em}
.paper-text math{max-width:100%;overflow:auto}.paper-text h5{text-align:left;font-size:1em}
.paper-text h4,.paper-text h5{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;line-height:1.4;font-weight:500;margin-top:32px}
main .aside p:not(.meta):not(.eyebrow):not(.crumb),main .collection-position:not(.meta):not(.eyebrow):not(.crumb){text-align:left;hyphens:none}
@media(max-width:700px){.theory-area .masthead-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}.theory-area .masthead-choices a{min-width:0}}

/* Keep the three main choices centred as the landing masthead contracts. */
@media(max-width:700px){
 .masthead-choices a{font-size:calc(24px - 10px * var(--masthead-progress))}
}
@media(max-width:520px){
 body:not(.art-area):not(.theory-area) .masthead-choices a{gap:0}
 body:not(.art-area):not(.theory-area) .masthead-choices .landing-flourish{display:none}
}@media(min-width:701px) and (max-width:940px){
 .theory-area .masthead-choices a{font-size:calc(22px - 6px * var(--masthead-progress))}
}
@media(max-width:360px){
 .art-area .masthead-choices{column-gap:0}
 .art-area .masthead .masthead-choices a{font-size:calc(18px - 6px * var(--masthead-progress))}
}
/* Quiet, keyboard-accessible category controls for the three landing feeds. */
.feed-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 12px}
.filterable-feed .feed-heading h2{margin:0}
.feed-sort{position:relative;display:flex;align-items:center;gap:10px;margin-left:auto;margin-right:20px;color:#aaa;font-size:14px}
.feed-sort select{appearance:none;min-height:44px;max-width:100%;padding:8px 36px 8px 12px;border:1px solid #555;border-radius:3px;background:#000;color:#f5f5f5;font:inherit;font-size:16px;cursor:pointer}
.feed-sort::after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;border-right:2px solid #ddd;border-bottom:2px solid #ddd;transform:translateY(-70%) rotate(45deg);pointer-events:none}
@media(max-width:520px){.feed-sort{margin-right:0}}
.feed-sort select:focus-visible{outline:2px solid #fff;outline-offset:4px}
.feed-result-count{margin:0 0 12px;font-size:13px;color:#aaa}
.feed-empty{padding:24px 0;border-top:1px solid #383838}
.selected-download{border-left:2px solid #aaa;padding-left:16px}
/* Stories use the shared reading width and remain separate from Tunversong. */
.art-area{--art-nav-progress:var(--masthead-progress)}
.art-area .masthead-logo{width:calc(600px - 460px * var(--art-nav-progress));height:calc(145px - 101px * var(--art-nav-progress));left:calc(50% - 50% * var(--art-nav-progress));transform:translateX(calc(-50% + 50% * var(--art-nav-progress)))}
.art-area .masthead-choices{width:calc(100% - 175px * var(--art-nav-progress))}
.art-area main:has(.story-reading){width:calc(100% - 70px);max-width:840px;padding-left:0;padding-right:0}
.story-reading .paper-text,.story-reading .paper-text p,.story-reading .editable-body{max-width:none;width:100%}
/* Seven Art destinations form four balanced rows on narrower screens. */
@media(max-width:940px){
 .art-area{--art-nav-progress:min(1,calc(2 * var(--masthead-progress)))}
 .art-area .masthead{height:calc(400px - 200px * var(--masthead-progress))}
 .art-area .masthead-space{height:200px}
 .art-area.landing-page .masthead-space{height:400px}
 .art-area .masthead-logo{width:calc(75vw - (75vw - 100px) * var(--art-nav-progress));height:calc(145px - 101px * var(--art-nav-progress));left:calc(50% - 50% * var(--art-nav-progress));transform:translateX(calc(-50% + 50% * var(--art-nav-progress)));top:calc(25px + 53px * var(--masthead-progress))}
 .art-area .masthead-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 115px * var(--art-nav-progress));gap:0 8px;bottom:calc(20px - 8px * var(--masthead-progress))}
 .art-area .masthead .masthead-choices a{padding:4px 0;font-size:calc(17px - 5px * var(--masthead-progress));border-left:0}
 .art-area .masthead-choices a:last-child{grid-column:1 / -1}
 .art-area [id]{scroll-margin-top:220px}
}
@media(max-width:700px){.art-area main:has(.story-reading){width:calc(100% - 44px)}}
@media(max-width:360px){.art-area .masthead-choices{column-gap:0}.art-area .masthead .masthead-choices a{font-size:calc(17px - 5px * var(--art-nav-progress))}}

/* Tighten the single-row Art navigation without reducing touch target height. */
@media(min-width:941px){
 .art-area{--art-wide-nav-dock:clamp(0,calc((var(--masthead-progress) - .5) * 3.333333),1)}
 .art-area .masthead-choices{width:calc(100% - 28px - 175px * var(--art-wide-nav-dock));right:calc(14px * (1 - var(--art-wide-nav-dock)))}
}
/* Grid buttons keep the same quiet rules as the desktop navigation. */
@media(max-width:940px){
 .art-area .masthead-choices{column-gap:0}
 .art-area .masthead .masthead-choices a:nth-child(even){border-left:1px solid #383838}
 .art-area .masthead .masthead-choices a:nth-child(n+3){border-top:1px solid #383838}
}
@media(max-width:700px){
 .theory-area .masthead-choices{column-gap:0}
 .theory-area .masthead .masthead-choices a:nth-child(even){border-left:1px solid #383838}
 .theory-area .masthead .masthead-choices a:nth-child(n+3){border-top:1px solid #383838}
 .theory-area .masthead-choices a:last-child:nth-child(odd){grid-column:1 / -1}
}
/* In compact Art navigation the existing home link fills the first grid cell.
   The empty CSS cell reserves its space; there is still just one home link. */
@media(max-width:940px){
 .art-area.masthead-compact .masthead-choices{width:100%;height:176px;grid-template-rows:repeat(4,44px);gap:0;bottom:12px}
 .art-area.masthead-compact .masthead-choices::before{content:"";min-height:44px;pointer-events:none}
 .art-area.masthead-compact .masthead-logo{display:flex;align-items:center;justify-content:center;left:0;top:auto;bottom:144px;width:50%;max-width:none;height:44px;transform:none;z-index:1}
 .art-area.masthead-compact .masthead-logo img{display:none}
 .art-area.masthead-compact .masthead .masthead-choices a:nth-child(n){grid-column:auto;border-left:0;border-top:1px solid #383838}
 .art-area.masthead-compact .masthead .masthead-choices a:nth-child(odd){border-left:1px solid #383838}
 .art-area.masthead-compact .masthead .masthead-choices a:first-child{border-top:0}
}
/* The detailed landing logo fades out before its compact cell reads Home. */
.masthead-home-label{display:none}
@media(max-width:940px){
 .art-area .masthead-logo img{opacity:calc(1 - var(--art-nav-progress))}
 .art-area.masthead-compact .masthead-logo{font-size:calc(17px - 5px * var(--masthead-progress));text-decoration:none;text-align:center}
 .art-area.masthead-compact .masthead-home-label{display:block}
 .art-area.masthead-compact .masthead-logo:hover{text-decoration:underline}
}
@media(max-width:360px){
 .art-area.masthead-compact .masthead-logo{font-size:calc(17px - 5px * var(--art-nav-progress))}
}
/* Keep the Art landing introduction and feed controls in proportion with its navigation. */
.art-area.landing-page main{padding-top:22px}
.art-area.landing-page .art-context{gap:14px}
.art-area.landing-page .art-context .eyebrow,.art-area.landing-page .art-context>a{font-size:12px}
.art-area.landing-page .tunversong-definition{margin:18px 0 24px}
.art-area.landing-page .tunversong-definition h1{font-size:20px;margin-bottom:3px}
.art-area.landing-page .tunversong-definition .definition-kind{font-size:12px;margin-bottom:10px}
.art-area.landing-page .tunversong-definition>p:not(.definition-kind){font-size:14px;line-height:1.6;margin:0}
.art-area.landing-page .feed-heading{gap:10px;margin-bottom:8px}
.art-area.landing-page .feed-heading h2{font-size:20px}
.art-area.landing-page .feed-sort{font-size:12px;gap:8px}
.art-area.landing-page .feed-sort select{min-height:36px;padding:6px 30px 6px 10px;font-size:14px;line-height:1.4}
.art-area.landing-page .feed-sort::after{right:13px;width:6px;height:6px}
.art-area.landing-page .feed-result-count{font-size:12px;margin-bottom:8px}
@media(max-width:700px){
 .art-area.landing-page main{padding-top:18px}
 .art-area.landing-page .tunversong-definition{margin:16px 0 20px}
 .art-area.landing-page .feed-heading h2{font-size:18px}
 .art-area.landing-page .feed-sort select{min-height:40px;font-size:13px}
}
/* Bring the wide Art landing navigation closer to the banner. */
@media(min-width:941px){
 .art-area.landing-page .masthead{height:calc(340px - 272px * var(--masthead-progress) - 40px * (1 - var(--masthead-progress)) * (1 - var(--masthead-progress)))}
 .art-area.landing-page .masthead-space{height:300px}
}

/* Let the introduction and feed controls grow gently on wider Art landings. */
@media(min-width:701px){
 .art-area.landing-page .art-context .eyebrow,.art-area.landing-page .art-context>a,
 .art-area.landing-page .tunversong-definition .definition-kind,
 .art-area.landing-page .feed-sort,.art-area.landing-page .feed-result-count{font-size:clamp(12px,calc(10.25px + .25vw),13px)}
 .art-area.landing-page .tunversong-definition h1{font-size:clamp(20px,calc(13px + 1vw),24px)}
 .art-area.landing-page .tunversong-definition>p:not(.definition-kind){font-size:clamp(14px,calc(10.5px + .5vw),16px)}
 .art-area.landing-page .feed-heading h2{font-size:clamp(18px,calc(7.5px + 1.5vw),24px)}
 .art-area.landing-page .feed-sort select{font-size:clamp(13px,calc(7.75px + .75vw),16px)}
}
@media(min-width:941px){
 .art-area.landing-page .masthead-choices a{font-size:calc(22px - 9px * var(--masthead-progress))}
}

/* Give the wide Art landing banner a little more presence, keeping its centre. */
@media(min-width:941px){
 .art-area.landing-page .masthead-logo{width:calc(672px - 532px * var(--masthead-progress));height:calc(162px - 118px * var(--masthead-progress));top:calc(36.5px - 24.5px * var(--masthead-progress))}
}