:root{--color-bg:#fdfcf9;--color-surface:#ffffff;--color-text:#243330;--color-quiet:#4b5e58;--color-key:#283d3b;--color-hi:#c44536;--color-border:#b3bfba;--color-radius:4px;--color-width:1000px;--color-display:'Libre Baskerville',system-ui,sans-serif;--color-body:'Source Sans 3',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem} body{margin:0;background:var(--color-bg);color:var(--color-text);font:16px/1.78 var(--color-body)}
img{max-width:100%;height:auto} a{color:var(--color-key);text-underline-offset:3px}
input,select,textarea{max-width:100%;box-sizing:border-box}
input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{min-width:0;max-width:100%}
@supports (-webkit-touch-callout:none){input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{-webkit-appearance:none;appearance:none;min-height:2.75em} input::-webkit-date-and-time-value{text-align:left}}
h1,h2,h3{font-family:var(--color-display);line-height:1.2;letter-spacing:-.01em;color:var(--color-text)}
h1{font-size:clamp(1.9rem,4.5vw,2.8rem);margin:.2em 0 .35em} h2{font-size:clamp(1.35rem,3vw,1.8rem);margin:2.75em 0 .6em} h3{font-size:1.15rem;margin:1.6em 0 .4em}
p,ul,ol{margin:0 0 1.25em}
.container{max-width:var(--color-width);margin:0 auto;padding:0 1rem} .article-area{max-width:var(--color-width);margin:0 auto;padding:1.2rem 1rem 3rem}
.to-content{position:absolute;left:-9999px} .to-content:focus{left:1rem;top:1rem;background:var(--color-surface);padding:.5rem;z-index:99}
.hdr-row{max-width:var(--color-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;flex-wrap:wrap}
.home-link{display:flex;align-items:center;gap:.6rem;font:800 1.15rem var(--color-display);color:var(--color-text);text-decoration:none}
.nav-links{display:flex;gap:1rem;flex-wrap:wrap;align-items:center} .nav-links a{color:var(--color-text);text-decoration:none;font-weight:600;font-size:.95rem}
.header-bar{background:var(--color-key)} .header-bar a,.header-bar .home-link,.header-bar summary{color:#fff} .header-bar .language summary{border-color:rgba(255,255,255,.5)} .header-bar .langs-list a{color:var(--color-text)} .header-bar .langs-list a[aria-current]{color:var(--color-key)}  .nav-links a{border-bottom:2px solid transparent;padding-bottom:2px} .nav-links a:hover,.nav-links a[aria-current]{border-color:var(--color-key)}
.opener{margin:1rem 0 1.4rem} .intro-text{font-size:1.12rem;max-width:46em;color:var(--color-quiet)} 
.panel-app{margin:1.4rem 0 2rem}
.callout{margin:1.4em 0;padding:.9em 1.1em;background:var(--color-surface);border-left:4px solid var(--color-hi);border-radius:0 var(--color-radius) var(--color-radius) 0}
.equation{margin:1.2em 0;padding:.9em 1.1em;font-family:ui-monospace,Consolas,monospace;background:var(--color-surface);border:1px dashed var(--color-key);border-radius:var(--color-radius);overflow-x:auto}
.grid-wrap{margin:1.2em 0;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--color-radius);background:var(--color-surface)}
.facts{width:100%;border-collapse:collapse;font-size:.95em;font-variant-numeric:tabular-nums} .facts th,.facts td{padding:.5em .75em;border-bottom:1px solid var(--color-border);text-align:left}
.facts thead th{background:color-mix(in srgb,var(--color-border) 60%,var(--color-surface))}
ol.numbered{padding-left:1.3em} ol.numbered>li{margin:.5em 0}
.graphic{margin:1.6em 0;text-align:center} .graphic img{width:100%;max-width:720px;border-radius:var(--color-radius);border:1px solid var(--color-border);background:#fff} .graphic figcaption{font-size:.9em;color:var(--color-quiet)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1.2em 0}
.item{display:block;padding:1.1rem;background:var(--color-surface);border-radius:var(--color-radius);background:color-mix(in srgb,var(--color-border) 45%,var(--color-surface));border:1px solid transparent;color:var(--color-text);text-decoration:none}
.item b{display:block;font-family:var(--color-display);margin-bottom:.35rem} .item span{color:var(--color-quiet);font-size:.92rem} .item:hover{border-color:var(--color-key)}
.item--img{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease} .item--img:hover{transform:translateY(-3px);box-shadow:0 10px 24px color-mix(in srgb,var(--color-text) 14%,transparent)}
.card-img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover} .card-txt{display:block;padding:1rem 1.1rem 1.1rem} .card-txt>span{display:block}
.blist a,.brow,.post-kicker{background:none!important}
.card-meta{display:block;margin-top:.6rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--color-key)}
.tiles--feat{grid-template-columns:repeat(2,minmax(0,1fr))} .tiles--feat>.item:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;align-items:center} .tiles--feat>.item:first-child b{font-size:1.35rem}
.blist{display:grid;gap:1rem;margin:1.2em 0} .brow{display:grid;grid-template-columns:240px 1fr;gap:1.1rem;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--color-radius);overflow:hidden;color:var(--color-text);text-decoration:none}
.brow .card-img{height:100%;aspect-ratio:auto;min-height:126px} .brow b{display:block;font-family:var(--color-display);font-size:1.12rem;margin-bottom:.3rem} .brow .card-txt>span{color:var(--color-quiet);font-size:.93rem} .brow:hover{border-color:var(--color-key)}
.blist--min{list-style:none;padding:0;counter-reset:bl;gap:0} .blist--min li{counter-increment:bl;border-top:1px solid var(--color-border)} .blist--min li:last-child{border-bottom:1px solid var(--color-border)}
.blist--min a{display:grid;grid-template-columns:4.2rem 1fr;column-gap:1rem;padding:1.1rem .2rem;color:var(--color-text);text-decoration:none} .blist--min a::before{content:counter(bl,decimal-leading-zero);grid-row:1/4;font:800 2.4rem/1 var(--color-display);color:var(--color-key)}
.blist--min b{font-family:var(--color-display);font-size:1.15rem} .blist--min span{color:var(--color-quiet);font-size:.93rem} .blist--min a:hover b{color:var(--color-key)}
.post-head--overlay{position:relative;margin:.6rem 0 1.6rem;border-radius:var(--color-radius);overflow:hidden} .post-head--overlay>img{display:block;width:100%;height:auto;min-height:300px;object-fit:cover}
.post-ov{position:absolute;inset:auto 0 0 0;padding:4rem 1.6rem 1.4rem;background:linear-gradient(transparent,color-mix(in srgb,#000 72%,transparent))} .post-ov h1,.post-ov .post-meta,.post-ov .post-kicker{color:#fff}
.post-head--band{background:var(--color-key);color:#fff;padding:2.2rem 1.6rem;border-radius:var(--color-radius)} .post-head--band h1,.post-head--band .post-meta,.post-head--band .post-kicker{color:#fff}
.post-head--split{display:grid;grid-template-columns:1.1fr 1fr;gap:1.6rem;align-items:center} .post-head--split .post-cover{margin:0}
.contents--chips ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.45rem} .contents--chips li{margin:0} .contents--chips a{display:inline-block;padding:.3rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);text-decoration:none;font-size:.88rem}
.contents--rail{background:none;border:0;border-left:3px solid var(--color-hi);border-radius:0;padding:.2rem 0 .2rem 1rem}
.language--globe summary{display:flex;align-items:center;gap:.35rem} .langpills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem} .langpills a{padding:.25rem .7rem;border:1px solid var(--color-border);border-radius:999px;text-decoration:none} .langpills a[aria-current]{background:var(--color-key);border-color:var(--color-key);color:#fff}
@media (max-width:700px){.tiles--feat{grid-template-columns:1fr} .tiles--feat>.item:first-child{display:flex} .brow{grid-template-columns:1fr} .brow .card-img{min-height:0;aspect-ratio:1200/630} .post-head--split{grid-template-columns:1fr} .post-ov{position:static;background:var(--color-key);padding:1.2rem} .post-head--overlay>img{min-height:0}}
.post{max-width:48rem;margin:0 auto} .post-head{margin:.6rem 0 1.2rem} .post-head h1{font-size:clamp(2rem,5vw,3rem);line-height:1.12;letter-spacing:-.01em}
.post-kicker{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-key);text-decoration:none}
.upd{color:var(--color-quiet);font-size:.9rem;margin:2rem 0 0} .sign{font-style:italic;color:var(--color-quiet)} .post-meta{color:var(--color-quiet);font-size:.92rem;margin:0} .post-cover{margin:0 0 1.6rem} .post-cover img{display:block;width:100%;height:auto;border-radius:var(--color-radius)}
.post .intro-text{font-size:1.2rem;color:var(--color-text)} .post .intro-text::first-letter{font-family:var(--color-display);font-size:3.1em;float:left;line-height:.9;margin:.06em .1em 0 0;color:var(--color-key)}
.post .contents--post{position:static!important;top:auto!important;z-index:auto;margin:0 0 1.8rem;padding:1rem 1.2rem;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-key);border-radius:var(--color-radius);font-size:.95rem}
.contents--post ol{margin:.4rem 0 0;padding-left:1.2rem;columns:1} .contents--post li{margin:.2rem 0}
.post h3{color:var(--color-key)} .post blockquote{margin:1.4em 0;padding:.4em 1.2em;border-left:4px solid var(--color-hi);font-size:1.1em}
.questions h3{font-size:1.05rem;margin-top:1.3em}
.crumb-nav{font-size:.88rem;color:var(--color-quiet);margin:.4rem 0 1rem} .crumb-nav a{color:var(--color-quiet)}
.action{margin:2.4rem 0;padding:1.4rem;background:var(--color-surface);border-radius:var(--color-radius);background:color-mix(in srgb,var(--color-border) 45%,var(--color-surface));border:1px solid transparent;text-align:center}
.cta-link{display:inline-block;padding:.7em 1.4em;background:var(--color-key);color:#fff;border-radius:999px;font-weight:700;text-decoration:none}
.colophon{border-top:1px solid var(--color-border);margin-top:3rem;padding:1.6rem 0 2.4rem;font-size:.9rem;color:var(--color-quiet);background:var(--color-surface)}
.colophon nav{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem} .colophon a{color:var(--color-quiet)} .foot-in{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem} @media(max-width:700px){.foot-in{grid-template-columns:1fr}} .colophon nav{flex-direction:column}


.language{position:relative} .language summary{cursor:pointer;list-style:none;padding:.25rem .6rem;border:1px solid var(--color-border);border-radius:999px;font-size:.85rem}
.langs-list{position:absolute;right:0;top:120%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.4rem;display:grid;min-width:9rem;z-index:40}
.langs-list a{padding:.3rem .5rem;text-decoration:none;color:var(--color-text)} .langs-list a[aria-current]{font-weight:700;color:var(--color-key)}
.codes{display:flex;gap:.35rem;font-size:.8rem;font-weight:700} .codes a{text-decoration:none;color:var(--color-quiet);padding:.1rem .3rem;border-radius:4px} .codes a[aria-current]{color:var(--color-key);background:color-mix(in srgb,var(--color-key) 12%,transparent)}
[data-spot]{margin:1rem auto;text-align:center;overflow:hidden;max-width:100%} [data-spot]:empty{margin:0}
[data-spot="mobile_sticky"]{position:fixed;left:0;right:0;bottom:0;margin:0;z-index:50;background:var(--color-surface)}
[data-spot="sidebar_left"],[data-spot="sidebar_right"]{position:fixed;top:110px;width:160px;margin:0;z-index:20} [data-spot="sidebar_left"]{left:12px} [data-spot="sidebar_right"]{right:12px}
@media (max-width:1499px){[data-spot="sidebar_left"],[data-spot="sidebar_right"]{display:none}}
.adx{float:right;border:0;background:transparent;font-size:1.2rem;cursor:pointer;color:var(--color-quiet)}
.cta-link{border-radius:4px;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}
.grid-wrap{border:0;border-top:3px solid var(--color-key);border-radius:0;background:transparent} .facts thead th{background:transparent;text-transform:uppercase;font-size:.78rem;letter-spacing:.06em}
.section a:not(.cta-link):not(.item){text-decoration-thickness:2px}
:root{--color-display:'Libre Baskerville',Georgia,'Times New Roman',serif;--color-body:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif} body{font-size:17px;font-kerning:normal;font-optical-sizing:auto;text-rendering:optimizeLegibility} h1,h2,h3{font-weight:700;letter-spacing:0;text-wrap:balance} .home-link{font-weight:700} h1{font-size:clamp(1.85rem,4.6vw,1.95rem);line-height:1.08} h2{font-size:clamp(1.3rem,3vw,1.44rem);line-height:1.18} h3{font-size:1.20rem} .post-head h1{font-size:clamp(1.95rem,5vw,2.07rem)} p,li{text-wrap:pretty} .section>p,.section>ul,.section>ol,.post p,.post li{max-width:68ch} .facts,.panel-app output,.panel-app [class*=res],.panel-app [class*=val]{font-variant-numeric:tabular-nums lining-nums}  
@media (max-width:640px){.hdr-row{gap:.5rem} .nav-links{gap:.8rem}}

/* Citation Generator — a working library catalog, with slate ink and crimson shelf tabs. */
#sf-desk{font-family:var(--color-body);color:var(--color-text);line-height:1.5;container-type:inline-size;margin:1.6rem 0 2.5rem;isolation:isolate;--sf-wash:color-mix(in srgb,var(--color-hi) 6%,var(--color-surface));--sf-accent-wash:color-mix(in srgb,var(--color-hi) 7%,var(--color-surface))}#sf-desk *{box-sizing:border-box}#sf-desk [hidden]{display:none!important}#sf-desk h2,#sf-desk h3{font-family:var(--color-display);color:var(--color-text);letter-spacing:0;line-height:1.35}#sf-desk h2{font-size:1.3rem;margin:0}#sf-desk h3{font-size:1rem;margin:0 0 .7rem}#sf-desk p{margin:.8rem 0;font-size:.94rem}#sf-desk small{display:block;color:var(--color-quiet);font-size:1rem;line-height:1.6}#sf-desk svg{display:block;max-width:100%;height:auto}#sf-desk label{font-size:1rem;font-weight:700;line-height:1.4;color:var(--color-text)}#sf-desk button{font-family:var(--color-body);font-size:.9rem;font-weight:700;line-height:1.3;min-height:44px;border:1px solid var(--color-border);border-radius:4px;padding:.7rem 1rem;background:var(--color-surface);color:var(--color-key);cursor:pointer;transition:background .15s,border-color .15s,transform .15s;touch-action:manipulation}#sf-desk button:hover:not(:disabled){background:var(--sf-wash);border-color:var(--color-key);transform:translateY(-1px)}#sf-desk button:active:not(:disabled){transform:translateY(0)}#sf-desk button:disabled{cursor:default;color:var(--color-quiet);background:var(--color-bg);opacity:.66}#sf-desk :focus-visible{outline:3px solid var(--color-hi);outline-offset:3px}#sf-desk input:not([type=checkbox]):not([type=file]),#sf-desk select,#sf-desk textarea{font-family:var(--color-body);font-size:1rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;min-height:44px;padding:.7rem .8rem;width:100%;max-width:100%;color-scheme:inherit;transition:border-color .15s,box-shadow .15s}#sf-desk textarea{resize:vertical;line-height:1.55;min-height:80px}#sf-desk input::placeholder,#sf-desk textarea::placeholder{color:var(--color-quiet);opacity:.8}#sf-desk input:not([type=checkbox]):not([type=file]):hover,#sf-desk textarea:hover,#sf-desk select:hover{border-color:color-mix(in srgb,var(--color-key) 45%,var(--color-border))}#sf-desk input:not([type=checkbox]):not([type=file]):focus,#sf-desk textarea:focus,#sf-desk select:focus{border-color:var(--color-key);box-shadow:none}#sf-desk input[type=checkbox]{accent-color:var(--color-key);width:18px;height:18px;flex-shrink:0;margin:0;cursor:pointer}#sf-desk input[type=file]{max-width:100%;font:inherit;color:var(--color-text);font-size:.9rem}#sf-desk input[type=file]::file-selector-button{font:inherit;min-height:42px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-key);border-radius:3px;padding:.6rem .75rem;margin-right:.65rem;cursor:pointer}#sf-desk input[type=file]::file-selector-button:hover{border-color:var(--color-key)}
/* A shelf-label strip puts the important style decision ahead of every field. */
#sf-desk .sf-top{display:grid;grid-template-columns:1fr auto minmax(160px,260px);gap:.7rem 1.2rem;align-items:center;padding:1.1rem 1.4rem;background:var(--color-key);color:var(--color-surface);border-radius:5px 5px 0 0;border-bottom:5px solid var(--color-hi)}#sf-desk .sf-top>span{font-family:var(--color-display);font-size:1.15rem;letter-spacing:0;font-weight:700}#sf-desk .sf-top>label{color:var(--color-surface);font-size:1rem}#sf-desk .sf-top select{background:var(--color-surface);color:var(--color-text);min-height:42px;font-size:.91rem;border-color:var(--color-surface)}#sf-desk .sf-style-hint{background:var(--color-surface);border:1px solid var(--color-border);border-top:0;padding:.9rem 1.4rem;margin:0 0 1.4rem;color:var(--color-quiet);font-size:1rem;border-radius:0 0 5px 5px;line-height:1.6}#sf-desk .sf-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:1.4rem;align-items:start}#sf-desk .sf-editor{min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:5px;padding:1.3rem;box-shadow:none}#sf-desk .sf-editor-head{display:flex;align-items:center;gap:1rem;background:var(--sf-wash);margin:-1.3rem -1.3rem 1.3rem;padding:1.1rem 1.3rem;border-bottom:1px solid var(--color-border);border-radius:5px 5px 0 0}#sf-desk .sf-editor-head>label{flex:1;white-space:nowrap}#sf-desk .sf-editor-head>select{width:60%;background:var(--color-surface);font-weight:650}#sf-desk .sf-authors{border:1px solid var(--color-border);border-left:4px solid var(--color-hi);border-radius:4px;min-width:0;margin:1.1rem 0 1.4rem;padding:1rem;background:var(--color-bg)}#sf-desk .sf-authors legend{padding:0 .4rem;font-family:var(--color-display);font-size:.94rem;font-weight:700;color:var(--color-text)}#sf-desk .sf-authors small{margin-top:.85rem}#sf-desk #sf-authors{display:grid;gap:.9rem;margin-bottom:.8rem}#sf-desk .sf-author{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;gap:.6rem .7rem;align-items:end;padding:0 0 .9rem;border-bottom:1px dashed var(--color-border)}#sf-desk .sf-author:last-child{padding-bottom:0;border-bottom:0}#sf-desk .sf-author>label{display:flex;flex-direction:column;gap:.3rem;font-size:1rem;min-width:0}#sf-desk .sf-author>label:has([data-author=literal]){grid-column:1/3}#sf-desk .sf-author>label:has([type=checkbox]){grid-column:1/3;display:flex;flex-direction:row;align-items:center;gap:.45rem;font-size:1rem;font-weight:650}#sf-desk .sf-author>button{grid-column:3;grid-row:1/3;align-self:stretch;min-height:44px;min-width:38px;padding:.35rem;font-size:1.5rem;background:var(--color-surface);color:var(--color-quiet)}#sf-desk .sf-author>button:hover{background:var(--sf-accent-wash);color:var(--color-hi);border-color:var(--color-hi)}#sf-desk .sf-author input:not([type=checkbox]){background:var(--color-surface);font-size:.9rem;padding:.6rem .65rem}#sf-desk #sf-add-author{font-size:1rem;padding:.55rem .8rem;min-height:44px;border-style:solid;background:var(--color-surface)}
/* Editors see only the fields appropriate to the source they selected. */
#sf-desk .sf-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .85rem}#sf-desk .sf-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}#sf-desk .sf-field--title,#sf-desk .sf-field--url,#sf-desk .sf-field--doi,#sf-desk .sf-field--annotation,#sf-desk .sf-field--locator{grid-column:1/-1}#sf-desk .sf-field--title textarea{font-family:var(--color-display);font-size:1.03rem;line-height:1.6;background:var(--color-surface);border-bottom:2px solid var(--color-key);min-height:95px}#sf-desk .sf-field--locator{padding:1rem;background:var(--sf-wash);border:1px solid var(--color-border);border-radius:4px;margin:.25rem 0}#sf-desk .sf-field--locator input{background:var(--color-surface)}#sf-desk .sf-field--locator small{font-size:1rem;line-height:1.55}#sf-desk .sf-field--doi input,#sf-desk .sf-field--url input,#sf-desk .sf-field--isbn input{font-variant-numeric:tabular-nums;font-size:.93rem}#sf-desk .sf-field--annotation textarea{font-size:.94rem;min-height:75px}#sf-desk .sf-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1.4rem;border-top:1px solid var(--color-border);padding-top:1.15rem}#sf-desk #sf-add{grid-column:1/-1;background:var(--color-key);border-color:var(--color-key);color:var(--color-surface);font-size:.96rem;min-height:48px}#sf-desk #sf-add:hover:not(:disabled){background:color-mix(in srgb,var(--color-key) 86%,var(--color-text))}#sf-desk #sf-add:disabled{background:var(--color-bg);color:var(--color-quiet);border-color:var(--color-border)}#sf-desk #sf-example{grid-column:1/-1;border-style:solid;background:var(--color-bg);color:var(--color-quiet);font-size:1rem}#sf-desk #sf-error{font-size:.92rem;line-height:1.5;color:var(--color-hi);font-weight:650;margin:.8rem 0 0;overflow-wrap:anywhere}#sf-desk #sf-error:not(:empty){border:1px solid color-mix(in srgb,var(--color-hi) 35%,var(--color-border));border-left:4px solid var(--color-hi);padding:.8rem;background:var(--sf-accent-wash);border-radius:3px}
/* The result reads like a completed index card with a crimson catalog tab. */
#sf-desk .sf-result{position:relative;min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:5px;padding:1.4rem;box-shadow:none;overflow-wrap:anywhere}#sf-desk .sf-result-head{display:flex;gap:.65rem;align-items:center;justify-content:space-between;padding:.5rem 0 1rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}#sf-desk .sf-result-head h2{font-size:1.05rem;max-width:24ch}#sf-desk #sf-style-badge{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-key);font-size:1rem;line-height:1.3;padding:.4rem .55rem;border-radius:3px;font-weight:700;letter-spacing:0;max-width:12rem}#sf-desk .sf-reference{font-family:var(--color-display);font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.8;letter-spacing:0;color:var(--color-text);padding:1.25rem 1rem 1.25rem 1.4rem;border:1px solid var(--color-border);border-left:5px solid var(--color-hi);border-radius:3px;background:var(--color-bg);min-height:170px;overflow-wrap:anywhere;transition:background .18s}#sf-desk .sf-reference .csl-entry{padding:0;text-indent:0}#sf-desk .sf-reference i,#sf-desk .sf-reference em{color:var(--color-key)}#sf-desk #sf-copy{width:100%;margin-top:.8rem;border-color:var(--color-key)}#sf-desk .sf-inline{margin:1.5rem 0 1.2rem;padding:1.1rem 1rem;background:var(--sf-wash);border:1px solid var(--color-border);border-radius:4px}#sf-desk .sf-inline h3{font-size:1rem;font-family:var(--color-body);font-weight:700;margin-bottom:.65rem;color:var(--color-quiet)}#sf-desk #sf-inline{font-family:var(--color-display);font-size:1.04rem;line-height:1.7;min-height:30px;overflow-wrap:anywhere}#sf-desk #sf-copy-inline{margin-top:.8rem;width:100%;font-size:1rem;min-height:44px;padding:.6rem .8rem}#sf-desk .sf-anatomy{margin:1.3rem 0 1.2rem;padding:1.1rem 0 0;border-top:1px solid var(--color-border)}#sf-desk .sf-anatomy h3{font-family:var(--color-body);font-weight:700;font-size:.91rem;margin-bottom:.85rem}#sf-desk .sf-anatomy p{font-size:1rem;color:var(--color-quiet);line-height:1.65;margin:.7rem 0 0}#sf-desk #sf-anatomy{width:100%;height:auto;background:var(--color-surface)}#sf-desk .sf-ribbon{fill:var(--color-bg);stroke:var(--color-border);stroke-width:1}#sf-desk .sf-ribbon--filled{fill:var(--sf-wash);stroke:color-mix(in srgb,var(--color-key) 35%,var(--color-border))}#sf-desk .sf-ribbon-tab{fill:var(--color-hi)}#sf-desk .sf-ribbon-title{fill:var(--color-text);font-family:var(--color-body);font-size:19px;font-weight:700}#sf-desk .sf-ribbon-state{fill:var(--color-quiet);font-family:var(--color-body);font-size:16px}#sf-desk #sf-warnings{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.55rem}#sf-desk #sf-warnings li{position:relative;padding:.8rem .9rem .8rem 1rem;border:1px solid var(--color-border);border-left:4px solid var(--color-hi);border-radius:3px;background:var(--sf-accent-wash);color:var(--color-text);font-size:1rem;line-height:1.65}#sf-desk .sf-review{font-size:1rem;color:var(--color-quiet);border-top:1px dashed var(--color-border);padding-top:.85rem;margin:1.1rem 0 0}
/* A bibliography is a stack of annotated records, with reversible deletion. */
#sf-desk .sf-catalog{margin-top:1.6rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:5px;padding:1.4rem;border-top:5px solid var(--color-key)}#sf-desk .sf-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sf-catalog-head h2{font-family:var(--color-display)}#sf-desk #sf-count{font-size:1rem;color:var(--color-key);background:var(--color-bg);padding:.35rem .65rem;border:1px solid var(--color-border);border-radius:3px;font-variant-numeric:tabular-nums;font-weight:700}#sf-desk .sf-catalog>p{max-width:90ch;color:var(--color-quiet);font-size:1rem;line-height:1.65}#sf-desk .sf-export{display:flex;flex-wrap:wrap;gap:.55rem;padding:1rem 0 1.1rem;border-bottom:1px solid var(--color-border)}#sf-desk .sf-export button{font-size:1rem;min-height:44px;padding:.65rem .85rem}#sf-desk #sf-copy-all{background:var(--color-key);color:var(--color-surface);border-color:var(--color-key)}#sf-desk #sf-copy-all:disabled{background:var(--color-bg);color:var(--color-quiet);border-color:var(--color-border)}#sf-desk #sf-export-json{border-color:var(--color-hi);color:var(--color-text);background:var(--sf-accent-wash)}#sf-desk #sf-export-json:disabled{border-color:var(--color-border);background:var(--color-bg);color:var(--color-quiet)}#sf-desk .sf-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0;padding:.8rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px}#sf-desk .sf-toolbar>label{display:flex;align-items:center;gap:.45rem;min-height:44px;font-size:1rem;margin-right:.35rem}#sf-desk .sf-toolbar button{font-size:1rem;padding:.55rem .7rem;min-height:44px}#sf-desk #sf-sort{width:auto;min-width:155px;font-size:1rem;min-height:44px;padding:.5rem .7rem;background:var(--color-surface)}#sf-desk #sf-undo{color:var(--color-text);border-color:var(--color-hi)}#sf-desk #sf-undo:disabled{border-color:var(--color-border);color:var(--color-quiet)}#sf-desk #sf-list{counter-reset:source;display:grid;gap:.8rem;margin:1.2rem 0}#sf-desk .sf-source-card{counter-increment:source;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:.85rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;padding:1rem 1.1rem;border-left:4px solid var(--color-border);transition:border-color .15s}#sf-desk .sf-source-card:has(input:checked){border-left-color:var(--color-hi);background:var(--sf-accent-wash)}#sf-desk .sf-source-card:hover{border-color:color-mix(in srgb,var(--color-key) 45%,var(--color-border))}#sf-desk .sf-source-card>input{margin-top:.45rem}#sf-desk .sf-source-body{font-family:var(--color-display);font-size:.98rem;line-height:1.8;overflow-wrap:anywhere;padding:.1rem 0 0}.sf-source-body em,.sf-source-body i{color:var(--color-key)}#sf-desk .sf-source-body .sf-annotation{font-family:var(--color-body);color:var(--color-quiet);font-size:.9rem;border-top:1px dashed var(--color-border);padding-top:.75rem;margin:.8rem 0 .1rem;text-indent:0}#sf-desk .sf-source-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}#sf-desk .sf-source-actions button{min-height:44px;font-size:1rem;padding:.5rem .6rem}#sf-desk .sf-source-actions button:last-child{color:var(--color-quiet)}#sf-desk .sf-source-actions button:last-child:hover{color:var(--color-hi);border-color:var(--color-hi);background:var(--sf-accent-wash)}#sf-desk .sf-empty{margin:.5rem 0!important;padding:1.8rem 1.2rem;text-align:center;border:1px dashed var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-quiet);font-family:var(--color-display);font-size:1.02rem!important;line-height:1.6}
/* Importing is a local catalog action, visibly distinct from remote discovery. */
#sf-desk .sf-lookup{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:.7rem 1rem;margin-top:1.4rem;padding:1.3rem;background:var(--sf-wash);border:1px solid var(--color-border);border-radius:4px}#sf-desk .sf-lookup>label:first-child{grid-column:1/-1;font-family:var(--color-display);font-size:1.01rem;line-height:1.45}#sf-desk .sf-lookup>p,#sf-desk .sf-lookup>small,#sf-desk .sf-import,#sf-desk #sf-search-results{grid-column:1/-1}#sf-desk .sf-lookup>p{margin:.2rem 0 .5rem;font-size:1rem;color:var(--color-quiet);line-height:1.65;max-width:90ch}#sf-desk #sf-search,#sf-desk #sf-filter{background:var(--color-surface)}#sf-desk #sf-search-results{display:grid;gap:.45rem;font-size:1rem;color:var(--color-quiet)}#sf-desk #sf-search-results button{text-align:left;font-size:.9rem;overflow-wrap:anywhere;line-height:1.6;background:var(--color-surface);border-left:4px solid var(--color-key)}#sf-desk .sf-import{display:flex;flex-direction:column;gap:.6rem;border:1px dashed color-mix(in srgb,var(--color-key) 40%,var(--color-border));border-radius:3px;background:var(--color-surface);padding:1rem;font-size:1rem;margin-top:.5rem}#sf-desk .sf-lookup>small{font-size:1rem;line-height:1.6}#sf-desk #sf-status{margin:1rem 0 .6rem;font-size:.9rem;line-height:1.65;color:var(--color-text);padding:.8rem 1rem;border:1px solid var(--color-border);border-left:4px solid var(--color-key);border-radius:3px;background:var(--color-surface);min-height:45px}#sf-desk .sf-keyboard,#sf-desk .sf-credit{font-size:1rem;color:var(--color-quiet);padding:.6rem .2rem;margin:.25rem 0;border-bottom:1px dotted var(--color-border);line-height:1.65}#sf-desk .sf-credit{border-bottom:0}
@container(max-width:800px){#sf-desk .sf-layout{grid-template-columns:1fr}#sf-desk .sf-result{box-shadow:none}#sf-desk .sf-source-card{grid-template-columns:24px minmax(0,1fr)}#sf-desk .sf-source-actions{grid-column:2}#sf-desk .sf-top{grid-template-columns:1fr minmax(140px,230px)}#sf-desk .sf-top>span{grid-column:1/-1}#sf-desk .sf-top>label{font-size:1rem}#sf-desk .sf-reference{font-size:1.35rem}}
@container(max-width:450px){#sf-desk .sf-top{padding:1rem;gap:.6rem .8rem;grid-template-columns:auto minmax(0,1fr)}#sf-desk .sf-top>span{font-size:1rem}#sf-desk .sf-top select{font-size:1rem;padding:.6rem .55rem}#sf-desk .sf-style-hint{padding:.85rem 1rem;font-size:1rem;line-height:1.65}#sf-desk .sf-editor,#sf-desk .sf-result,#sf-desk .sf-catalog{padding:1rem}#sf-desk .sf-editor-head{margin:-1rem -1rem 1rem;padding:.9rem 1rem;gap:.6rem}#sf-desk .sf-editor-head>label{font-size:1rem;white-space:normal}#sf-desk .sf-editor-head>select{width:65%;font-size:.9rem}#sf-desk .sf-authors{padding:.8rem}#sf-desk .sf-authors legend{font-size:1rem}#sf-desk .sf-author{gap:.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px}#sf-desk .sf-author>button{min-width:32px;padding:.1rem}#sf-desk .sf-author>label{font-size:1rem}#sf-desk .sf-author input:not([type=checkbox]){padding:.5rem .45rem;font-size:1rem}#sf-desk .sf-fields{gap:.85rem .65rem}#sf-desk .sf-field>label{font-size:1rem}#sf-desk .sf-field input{font-size:.92rem;padding:.65rem .6rem}#sf-desk .sf-field--locator{padding:.8rem}#sf-desk .sf-field--locator small{font-size:1rem}#sf-desk .sf-actions{gap:.5rem}#sf-desk button{font-size:1rem;padding:.65rem .7rem}#sf-desk .sf-reference{padding:1rem .8rem 1rem 1rem;font-size:1.14rem;line-height:1.85;min-height:140px}#sf-desk .sf-result-head{align-items:flex-start;gap:.5rem}#sf-desk .sf-result-head h2{font-size:1rem;max-width:15ch}#sf-desk #sf-style-badge{font-size:1rem;padding:.3rem .4rem}#sf-desk .sf-inline{padding:.85rem}#sf-desk #sf-inline{font-size:.95rem}#sf-desk .sf-anatomy p,#sf-desk #sf-warnings li{font-size:1rem}#sf-desk .sf-export{gap:.45rem}#sf-desk .sf-export button{font-size:1rem;flex:1 1 42%;padding:.65rem .5rem}#sf-desk .sf-toolbar{gap:.5rem;padding:.65rem}#sf-desk .sf-toolbar>label{width:100%}#sf-desk #sf-sort{width:100%;order:1}#sf-desk .sf-source-card{gap:.6rem;padding:.9rem .7rem;grid-template-columns:20px minmax(0,1fr)}#sf-desk .sf-source-body{font-size:.92rem;line-height:1.8}#sf-desk .sf-source-actions button{font-size:1rem;min-height:44px;padding:.45rem .55rem}#sf-desk .sf-lookup{grid-template-columns:1fr;padding:.85rem;gap:.65rem}#sf-desk #sf-filter{font-size:.9rem}#sf-desk .sf-import{padding:.8rem;font-size:1rem}#sf-desk #sf-status{font-size:1rem;padding:.8rem}#sf-desk .sf-keyboard,#sf-desk .sf-credit{font-size:1rem}#sf-desk #sf-count{font-size:1rem}#sf-desk .sf-catalog-head h2{font-size:1.16rem}}
@media(prefers-reduced-motion:reduce){#sf-desk *,#sf-desk *::before,#sf-desk *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}#sf-desk button:hover:not(:disabled){transform:none}}
@media print{#sf-desk{font-size:10pt;container-type:normal}#sf-desk .sf-layout{grid-template-columns:1fr 1fr;gap:1rem}#sf-desk .sf-editor,#sf-desk .sf-result{box-shadow:none;padding:.8rem}#sf-desk .sf-reference{font-size:12pt;min-height:0;break-inside:avoid}#sf-desk .sf-source-card{break-inside:avoid;grid-template-columns:20px 1fr auto}#sf-desk .sf-top{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}#sf-desk .sf-top>label{color:var(--color-text)}#sf-desk .sf-catalog{break-before:auto;border-top-width:3px}#sf-desk .sf-source-body{font-size:10pt}#sf-desk .sf-fields{gap:.5rem}#sf-desk .sf-import{break-inside:avoid}#sf-desk #sf-anatomy{max-width:280px}#sf-desk button{min-height:28px;font-size:9pt;padding:.3rem .5rem}}

#sf-desk .sf-note-only{font-family:var(--color-body);font-size:1rem;line-height:1.6;margin:0 0 .8rem;padding:.65rem .8rem;border-left:4px solid var(--color-hi);background:var(--sf-accent-wash);color:var(--color-text);border-radius:3px}

/* Intrinsic file-control widths must not expand the local catalog on phones. */
#sf-desk .sf-lookup{min-width:0}#sf-desk .sf-lookup>*{min-width:0;max-width:100%}#sf-desk .sf-import input{width:100%;min-width:0;max-width:100%}#sf-desk .sf-import{min-width:0}
@container(max-width:450px){#sf-desk .sf-lookup{grid-template-columns:minmax(0,1fr)}}

/* Three input groups first; detailed metadata stays available on demand. */
#sf-desk{margin:0 0 2rem;font-size:17px;line-height:1.55}
#sf-desk h2,#sf-desk h3{letter-spacing:0}
#sf-desk .sf-top{grid-template-columns:auto minmax(200px,360px);justify-content:start;padding:20px 24px;border:0;border-radius:0;gap:16px}
#sf-desk .sf-top>label{font-size:17px}.sf-top select{min-height:44px}
#sf-desk .sf-layout{gap:0;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);background:var(--color-surface)}
#sf-desk .sf-editor{border:0;box-shadow:none;border-radius:0;padding:24px}
#sf-desk .sf-editor-head{background:none;border:0;margin:0 0 20px;padding:0;gap:14px}
#sf-desk .sf-editor-head>label{font-size:17px}
#sf-desk .sf-core{display:grid;gap:20px}
#sf-desk .sf-field--title textarea{font-family:var(--color-body);min-height:80px;font-size:17px;border:1px solid var(--color-border);background:var(--color-surface)}
#sf-desk .sf-authors{border:0;background:none;border-radius:0;padding:0;margin:0;min-width:0}
#sf-desk .sf-authors legend{padding:0;margin-bottom:10px;font:700 17px var(--color-body)}
#sf-desk .sf-author{border:0;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}
#sf-desk .sf-author>label,#sf-desk .sf-author>label:has([type=checkbox]){font-size:16px}
#sf-desk .sf-author input:not([type=checkbox]){font-size:17px;min-height:44px}
#sf-desk .sf-author>button{width:44px;min-height:44px;align-self:end}
#sf-desk .sf-field--year input{max-width:220px}
#sf-desk label,#sf-desk button,#sf-desk small{font-size:16px}
#sf-desk button{min-height:44px}#sf-desk small{line-height:1.55}
#sf-desk .sf-more{margin:20px 0 0;min-width:0}
#sf-desk .sf-more summary{color:var(--color-key);font-weight:700;font-size:17px;cursor:pointer;min-height:44px;padding:10px 0}
#sf-desk .sf-more[open] summary{margin-bottom:14px}
#sf-desk .sf-style-hint{font-size:16px;padding:0;border:0;background:none;margin:20px 0 0}
#sf-desk .sf-field--locator{padding:0;background:none;border:0}
#sf-desk .sf-actions{padding-top:0;border:0;gap:10px;margin-top:20px}
#sf-desk #sf-example{border-style:solid;background:var(--color-surface);font-size:16px}
#sf-desk .sf-result{border:0;background:var(--sf-wash);border-radius:0;box-shadow:none;padding:26px}
#sf-desk .sf-result-head{padding:0;margin:0 0 18px;border:0}
#sf-desk .sf-result-head h2{font-size:23px}
#sf-desk #sf-style-badge{background:none;border:0;padding:0;font-size:16px;letter-spacing:0}
#sf-desk .sf-reference{padding:0;border:0;background:none;font-size:23px;line-height:1.7;letter-spacing:0;min-height:125px}
#sf-desk #sf-copy{background:var(--color-surface);border:0;min-height:44px}
#sf-desk .sf-inline{border:0;padding:0;background:none;margin:28px 0}
#sf-desk .sf-inline h3{color:var(--color-text);font-size:18px}
#sf-desk #sf-inline{font-size:21px}#sf-desk #sf-copy-inline{font-size:16px;background:var(--color-surface);border:0}
#sf-desk .sf-anatomy{border:0;padding:0;margin:26px 0 18px}
#sf-desk .sf-anatomy h3{font-size:18px}#sf-desk .sf-anatomy p{font-size:16px}
#sf-desk #sf-anatomy{background:none}
#sf-desk .sf-ribbon{fill:var(--color-surface);stroke:none}
#sf-desk .sf-ribbon--filled{fill:color-mix(in srgb,var(--color-hi) 12%,var(--color-surface));stroke:none;animation:sf-details-in .3s ease-out both}
#sf-desk .sf-ribbon-tab{fill:var(--color-hi)}
#sf-desk #sf-warnings li{border:0;background:none;padding:0;font-size:16px;line-height:1.55}
#sf-desk .sf-review{padding:0;border:0;font-size:16px}
#sf-desk .sf-catalog{border:0;border-radius:0;background:var(--color-surface);padding:26px;margin-top:24px}
#sf-desk .sf-catalog>p,#sf-desk .sf-lookup>p{font-size:16px}
#sf-desk .sf-toolbar{border:0;background:none;padding:0;margin:20px 0}
#sf-desk .sf-source-card{border:0;border-radius:0;padding:18px 0;border-bottom:1px solid var(--color-border)}
#sf-desk .sf-source-body{font-size:18px}#sf-desk .sf-empty{border:0;background:none;padding:20px 0;text-align:left}
#sf-desk .sf-lookup{border:0;background:none;padding:20px 0 0}
#sf-desk .sf-import{border:0;background:none;padding:12px 0}
#sf-desk #sf-status{border:0;background:none;padding:12px 0}
#sf-desk .sf-keyboard,#sf-desk .sf-credit{border:0;font-size:16px}
@keyframes sf-details-in{from{opacity:.35}to{opacity:1}}
@container(max-width:800px){#sf-desk .sf-layout{grid-template-columns:1fr}#sf-desk .sf-top{grid-template-columns:auto minmax(0,1fr)}#sf-desk .sf-editor,#sf-desk .sf-result,#sf-desk .sf-catalog{padding:20px}#sf-desk .sf-result{box-shadow:none}}
@container(max-width:450px){#sf-desk .sf-top{padding:18px 16px;gap:12px}#sf-desk .sf-top select{font-size:16px}#sf-desk .sf-editor,#sf-desk .sf-result,#sf-desk .sf-catalog{padding:18px 16px}#sf-desk .sf-result-head h2{font-size:22px}#sf-desk .sf-reference{font-size:21px;padding:0}#sf-desk .sf-editor-head{padding:0;margin:0 0 18px}#sf-desk .sf-editor-head>label{font-size:16px}#sf-desk .sf-editor-head>select{font-size:16px}#sf-desk .sf-authors{padding:0}#sf-desk .sf-author{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px}#sf-desk .sf-author input:not([type=checkbox]){font-size:16px}#sf-desk .sf-field>label,#sf-desk #sf-count,#sf-desk .sf-source-actions button,#sf-desk .sf-toolbar>label,#sf-desk .sf-export button{font-size:16px}#sf-desk .sf-field input{font-size:16px}#sf-desk .sf-lookup{padding:16px 0;grid-template-columns:minmax(0,1fr)}#sf-desk .sf-toolbar{padding:0}#sf-desk .sf-source-body{font-size:17px}}
@media(prefers-reduced-motion:reduce){#sf-desk .sf-ribbon--filled{animation:none}}

/* Source entry and reference are one continuous, readable workflow. */
#sf-desk .sf-instructions{font-size:17px;line-height:1.55;margin:0 0 18px;max-width:85ch;color:var(--color-text)}
#sf-desk .sf-primary-details{margin:22px 0 0;gap:16px}
#sf-desk .sf-primary-details .sf-field--container,#sf-desk .sf-primary-details .sf-field--publisher,#sf-desk .sf-primary-details .sf-field--date{grid-column:1/-1}
#sf-desk .sf-primary-details .sf-field--locator small{margin:0}
#sf-desk .sf-field-error{font-weight:700;color:var(--color-hi);font-size:16px;line-height:1.5}
#sf-desk [aria-invalid=true]{border-color:var(--color-hi)!important}
#sf-desk #sf-refresh{grid-column:1/-1;background:var(--color-key);border-color:var(--color-key);color:var(--color-surface);font-size:18px;min-height:48px}
#sf-desk #sf-refresh:hover{background:color-mix(in srgb,var(--color-key) 85%,var(--color-text))}
#sf-desk #sf-add{width:100%;margin-top:10px;background:var(--color-surface);color:var(--color-key);border:1px solid var(--color-key);font-size:17px}
#sf-desk #sf-add:disabled{border-color:var(--color-border);background:var(--color-bg);color:var(--color-quiet)}
#sf-desk .sf-next{font-size:16px;line-height:1.6;margin-top:24px}
#sf-desk .sf-result>a{font-size:16px;display:inline-block;min-height:44px;padding:8px 0}
#sf-desk .sf-result{scroll-margin-top:12px}
#sf-desk #sf-editor-status{grid-column:1/-1;font-size:16px;line-height:1.5;margin:4px 0;color:var(--color-quiet)}
#sf-desk #sf-editor-status:empty{margin:0}
#sf-desk .sf-source-actions{justify-content:flex-start}
#sf-desk .sf-source-card{grid-template-columns:24px minmax(0,1fr)}
#sf-desk .sf-source-actions{grid-column:2}
@container(max-width:450px){#sf-desk .sf-primary-details{grid-template-columns:minmax(0,1fr)}#sf-desk .sf-instructions{font-size:16px;margin-bottom:14px}}

/* Editorial figure: source fields face a genuine library catalog card. */
#sf-desk{--sf-wash:color-mix(in srgb,var(--color-key) 4%,var(--color-surface));--sf-accent-wash:color-mix(in srgb,var(--color-hi) 5%,var(--color-surface));margin:0;font-size:18px}
#sf-desk .sf-instructions{max-width:680px;margin:0 0 20px;font-size:18px;line-height:1.6}
#sf-desk .sf-top{padding:18px 24px;background:var(--color-key);border-radius:3px 3px 0 0;gap:18px;grid-template-columns:auto minmax(0,360px)}
#sf-desk .sf-top>label{font-size:18px}
#sf-desk .sf-top select{font-size:17px;background:var(--color-surface);color:var(--color-key);min-height:46px}
#sf-desk .sf-layout{gap:32px;background:none;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start}
#sf-desk .sf-editor{padding:26px 0;background:none;border:0}
#sf-desk .sf-editor-head{margin:0 0 22px;padding:0;background:none;gap:20px}
#sf-desk .sf-editor-head>select{font-weight:400;font-size:17px;width:64%}
#sf-desk .sf-core{gap:22px}
#sf-desk input:not([type=checkbox]):not([type=file]),#sf-desk textarea,#sf-desk select{background:var(--color-bg);font-size:17px;border-radius:3px;min-height:46px}
#sf-desk .sf-field--title textarea{min-height:80px}
#sf-desk small{font-size:17px;line-height:1.6;color:var(--color-quiet)}
#sf-desk .sf-field>label,#sf-desk .sf-authors legend{font-size:18px}
#sf-desk .sf-author>label{font-size:17px}
#sf-desk .sf-author{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:10px}
#sf-desk .sf-author input:not([type=checkbox]){font-size:17px}
#sf-desk .sf-author>button{grid-row:1;min-height:46px;align-self:end}
#sf-desk .sf-primary-details{gap:18px}
#sf-desk .sf-actions{gap:10px;grid-template-columns:1fr 1fr}
#sf-desk button{border-radius:3px;font-size:17px;min-height:46px;font-weight:600}
#sf-desk #sf-refresh{font-size:18px;min-height:50px}
#sf-desk #sf-refresh:hover{background:var(--color-hi);border-color:var(--color-hi)}
#sf-desk #sf-example{font-size:17px;border:0;text-decoration:underline;text-underline-offset:.2em;background:none}
#sf-desk .sf-more summary{font-size:18px;line-height:1.5}
#sf-desk .sf-result{margin-top:26px;padding:0;background:none;border:0;scroll-margin-top:20px}
#sf-desk .sf-result-head{align-items:baseline;gap:18px;margin:0 0 18px;border:0}
#sf-desk .sf-result-head h2{font-size:24px}
#sf-desk #sf-style-badge{font:600 17px/1.5 var(--color-body);color:var(--color-quiet);white-space:normal}
#sf-desk .sf-reference{position:relative;isolation:isolate;min-height:200px;padding:28px 24px 54px;background:var(--color-bg);color:var(--color-key);border:0;border-top:3px solid var(--color-hi);border-radius:0 0 5px 5px;box-shadow:0 3px 9px color-mix(in srgb,var(--color-key) 9%,transparent);font:400 21px/1.9 var(--color-display);overflow-wrap:anywhere;transition:box-shadow .2s}
#sf-desk .sf-reference::after{content:"";position:absolute;bottom:17px;left:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:var(--color-surface);box-shadow:inset 0 1px 3px color-mix(in srgb,var(--color-key) 28%,transparent)}
#sf-desk .sf-reference .csl-entry{margin:0;padding:0}
#sf-desk #sf-copy{margin-top:16px;padding-inline:0;background:none;border:0;text-decoration:underline;text-underline-offset:.2em;font-size:17px}
#sf-desk #sf-add{background:var(--color-key);color:var(--color-surface);border:0;min-height:48px;margin-top:8px}
#sf-desk #sf-add:hover:not(:disabled){background:var(--color-hi)}
#sf-desk #sf-add:disabled{background:var(--sf-wash);color:var(--color-quiet);opacity:1}
#sf-desk .sf-inline{margin:30px 0 26px;padding:0;background:none;border:0}
#sf-desk .sf-inline h3,#sf-desk .sf-anatomy h3{font:600 19px/1.5 var(--color-body)}
#sf-desk #sf-inline{font:400 21px/1.7 var(--color-display);color:var(--color-key)}
#sf-desk #sf-copy-inline{background:none;padding-inline:0;font-size:17px;text-decoration:underline;text-underline-offset:.2em}
#sf-desk .sf-anatomy{margin:24px 0;background:none;border:0}
#sf-desk .sf-ribbon{fill:var(--color-bg);stroke:none}
#sf-desk .sf-ribbon--filled{fill:var(--sf-wash);stroke:none}
#sf-desk .sf-ribbon-tab{fill:var(--color-key)}
#sf-desk .sf-ribbon-title,#sf-desk .sf-ribbon-state{fill:var(--color-key);font-family:var(--color-body);font-size:17px}
#sf-desk .sf-anatomy p,#sf-desk #sf-warnings li,#sf-desk .sf-review,#sf-desk .sf-next{font-size:17px;line-height:1.7}
#sf-desk .sf-catalog{background:none;padding:30px 0;margin:24px 0 0;border:0;border-top:2px solid var(--color-key)}
#sf-desk .sf-catalog-head h2{font-size:26px}
#sf-desk .sf-toolbar{gap:12px;line-height:1.6}
#sf-desk .sf-export{gap:10px}
#sf-desk .sf-export button{font-size:17px}
#sf-desk .sf-source-card{padding:24px 0;border-radius:0;gap:16px;border-bottom:1px solid var(--color-border)}
#sf-desk .sf-source-body{font:400 18px/1.8 var(--color-display)}
#sf-desk .sf-source-actions button{font-size:17px;min-height:44px}
#sf-desk .sf-empty{font-size:18px;line-height:1.7}
#sf-desk .sf-lookup{padding:24px 0 0;border:0}
#sf-desk .sf-lookup>p,#sf-desk .sf-catalog>p,#sf-desk .sf-credit,#sf-desk .sf-keyboard{font-size:17px;line-height:1.7}
#sf-desk input[type=file]{font-size:17px}
#sf-desk #sf-status{padding:12px 0;font-size:17px}
@container(max-width:800px){#sf-desk .sf-layout{grid-template-columns:1fr;gap:12px}#sf-desk .sf-top{padding:18px 20px}#sf-desk .sf-editor{padding:22px 0}#sf-desk .sf-result{padding:0;margin:0 0 20px}#sf-desk .sf-catalog{padding:26px 0}#sf-desk .sf-reference{font-size:21px;min-height:160px}}
@container(max-width:450px){#sf-desk .sf-top{padding:16px;grid-template-columns:1fr;gap:8px}#sf-desk .sf-editor-head{gap:14px}#sf-desk .sf-editor-head>select{width:65%;font-size:17px}#sf-desk .sf-instructions{font-size:17px}#sf-desk .sf-reference{padding:22px 20px 48px;font-size:19px}#sf-desk .sf-result-head h2{font-size:22px}#sf-desk .sf-primary-details{grid-template-columns:1fr}#sf-desk .sf-actions{grid-template-columns:1fr}#sf-desk .sf-source-actions{gap:8px}#sf-desk .sf-source-actions button{font-size:16px}#sf-desk .sf-export button{flex-basis:45%;font-size:17px}#sf-desk .sf-author>label{font-size:16px}#sf-desk .sf-author{gap:8px}}
@media(prefers-reduced-motion:reduce){#sf-desk .sf-reference{transition:none}}
@media print{#sf-desk .sf-reference{box-shadow:none;background:var(--color-surface);min-height:0;font-size:12pt;padding:12px 0}#sf-desk .sf-reference::after{content:none}#sf-desk .sf-result{margin:0}#sf-desk .sf-source-body{font-size:11pt}}

/* design: sites/<d>/design/site.css */
/* Editorial — a reading column and an embedded bibliographic figure. */
:root{--color-bg:#fdfcf9;--color-surface:#ffffff;--color-text:#243330;--color-quiet:#4b5e58;--color-key:#283d3b;--color-hi:#c44536;--color-border:#b3bfba;--color-radius:3px}
body{background:var(--color-surface);color:var(--color-text);font-family:var(--color-body);font-size:18px;line-height:1.7;text-rendering:optimizeLegibility}
.container{width:100%;max-width:1000px;margin-inline:auto;padding-inline:28px}
.article-area{max-width:1000px;margin-inline:auto;padding:0 28px 64px}
.article-area h1,.article-area h2,.article-area h3{font-family:var(--color-display);font-weight:700;letter-spacing:0;text-wrap:balance;color:var(--color-key)}
.article-area h1{font-size:clamp(28px,3.2vw,40px);line-height:1.3;max-width:20ch;margin:0 0 12px}
.article-area h2{font-size:clamp(24px,2.4vw,29px);line-height:1.4;margin:0 0 22px}
.article-area h3{font-size:21px;line-height:1.5;margin:28px 0 12px}
.article-area p{font-size:18px;line-height:1.8;margin:16px 0;color:var(--color-text)}
.article-area a{color:var(--color-key);text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--color-key) 55%,transparent);transition:color .18s,text-decoration-color .18s}
.article-area a:hover{color:var(--color-hi);text-decoration-color:var(--color-hi)}
.article-area :target{scroll-margin-top:24px}
.article-area a:focus-visible,.header-bar a:focus-visible,.colophon a:focus-visible{outline:3px solid var(--color-hi);outline-offset:4px}
/* The quiet library-green masthead is the sole large color plane. */
.header-bar{position:relative;background:var(--color-key);color:var(--color-surface);border:0;box-shadow:none}
.hdr-row{max-width:1000px;min-height:88px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.header-bar .home-link{display:inline-flex;align-items:center;gap:12px;font-family:var(--color-display);font-size:21px;line-height:1.45;font-weight:700;letter-spacing:0;color:var(--color-surface);text-decoration:none}
.header-bar .home-link span{color:var(--color-surface);padding:0;border:0}
.home-link svg{width:32px;height:32px;flex-shrink:0}
.nav-links{display:flex;align-items:center;gap:24px;font:600 17px/1.4 var(--color-body)}
.nav-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-surface);text-decoration:none;border:0;padding:8px 0;transition:opacity .18s}
.nav-links a:hover{text-decoration:underline;text-underline-offset:.3em}
.nav-links a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3em}
.language--globe{position:relative;font-family:var(--color-body);z-index:20}
.language--globe summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 13px;background:var(--color-surface);color:var(--color-key);border:0;border-radius:3px;font-size:17px;line-height:1.4;cursor:pointer}
.language--globe summary:focus-visible{outline:3px solid var(--color-hi);outline-offset:4px}
.langs-list{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;padding:8px;background:var(--color-surface);color:var(--color-key);border:1px solid var(--color-border);border-radius:3px;box-shadow:0 8px 24px color-mix(in srgb,var(--color-key) 14%,transparent);z-index:30}
.header-bar .langs-list a{display:flex;align-items:center;min-height:44px;padding:9px 13px;color:var(--color-key);background:var(--color-surface);font-size:17px;line-height:1.4;border:0;text-decoration:none}
.header-bar .langs-list a:hover,.header-bar .langs-list a[aria-current]{background:var(--color-bg);color:var(--color-hi)}
.codes,.langpills{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.header-bar .codes a,.header-bar .langpills a{min-height:44px;padding:8px 10px;color:var(--color-surface);background:transparent;border:0;border-radius:0;text-decoration:none;font:600 17px/1.4 var(--color-body)}
.header-bar .codes a[aria-current],.header-bar .langpills a[aria-current]{text-decoration:underline;text-underline-offset:.3em}
/* H1, a task-led sentence, then source entry; no opening illustration. */
.opener,.opener--art{display:block;min-height:0;padding:32px 0 20px;margin:0;background:none;border:0;text-align:left;max-width:680px}
.opener>div{max-width:none;margin:0}
.opener .intro-text{max-width:680px;font-size:18px;line-height:1.6;margin:0;color:var(--color-text)}
.panel-app{padding:0;margin:0 0 56px;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0}
.layout{display:block;max-width:680px;margin-inline:0}
.section{max-width:680px;margin:48px 0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.section>h2:first-child{padding:0;border:0;background:none;margin:0 0 20px}
.section>p,.section>ul,.section>ol{max-width:680px}
.section ul,.section ol{padding-left:26px;line-height:1.8}
.section li{padding-left:5px;margin:10px 0}
.section li::marker{color:var(--color-hi);font-weight:700}
.section code{font-size:.95em;overflow-wrap:anywhere;background:var(--color-bg);color:var(--color-key);padding:2px 4px}
.callout{padding:10px 0 10px 22px;margin:26px 0;background:none;border:0;border-left:3px solid var(--color-hi);border-radius:0;font-size:18px;line-height:1.8}
.callout p{margin:6px 0}
.equation{padding:20px 0;margin:24px 0;color:var(--color-key);background:none;border:0;font-size:19px;line-height:1.8;font-variant-numeric:tabular-nums}
.graphic{margin:32px 0;padding:0;background:none;border:0;border-radius:0;max-width:680px}
.graphic img{display:block;width:100%;height:auto;margin:0;border-radius:0}
.graphic figcaption{padding:0;border:0;margin-top:14px;color:var(--color-quiet);font-size:17px;line-height:1.6;text-align:left}
.grid-wrap{max-width:100%;overflow-x:auto;margin:28px 0;background:var(--color-surface);border:0;border-radius:0}
.facts{width:100%;border-collapse:collapse;line-height:1.6;font-size:17px;margin:0;background:var(--color-surface);border:0;font-variant-numeric:tabular-nums}
.facts caption{caption-side:top;text-align:left;padding:16px 12px;color:var(--color-key);background:var(--color-bg);font:700 18px/1.5 var(--color-body);border:0}
.facts thead th{background:var(--color-key);color:var(--color-surface);font:700 17px/1.5 var(--color-body);letter-spacing:0;text-transform:none;padding:14px 12px;border:0;text-align:left;vertical-align:top;white-space:normal}
.facts td{padding:16px 12px;border:0;border-bottom:1px solid var(--color-border);vertical-align:top;overflow-wrap:anywhere}
.facts tr:last-child td{border-bottom:0}
.facts tbody tr:nth-child(even){background:var(--color-bg)}
/* Reading recommendations are editorial excerpts, without card outlines. */
.tiles,.tiles--feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:28px 0;max-width:944px;align-items:start}
.item,.item--img{display:flex;flex-direction:column;background:none;border:0;border-radius:0;box-shadow:none;color:var(--color-text);text-decoration:none!important;overflow:visible;transition:color .18s}
.card-img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border:0;border-radius:0;background:var(--color-bg)}
.card-txt{display:block;padding:22px 0;background:none;border:0}
.card-txt b{font:700 22px/1.55 var(--color-display);letter-spacing:0;color:var(--color-key);text-wrap:balance}
.card-txt>span{display:block;margin-top:12px;font:400 18px/1.7 var(--color-body);color:var(--color-quiet)}
.item:hover{transform:none;box-shadow:none;background:none}
.item:hover b{color:var(--color-hi)}
.blist,.blist--min{max-width:680px;margin:24px 0}
.brow{display:grid;grid-template-columns:136px minmax(0,1fr);gap:24px;padding:24px 0;border:0;border-bottom:1px solid var(--color-border);background:none;color:var(--color-key);text-decoration:none!important}
.brow img{width:136px;height:auto;border-radius:0;align-self:start}
.brow b{font:700 22px/1.5 var(--color-display);letter-spacing:0}
.brow p{font-size:18px;line-height:1.7;margin-bottom:0}
.brow small,.card-meta{font-size:17px;color:var(--color-quiet);letter-spacing:0;text-transform:none}
.crumb-nav{font-size:17px;line-height:1.6;margin:26px 0;color:var(--color-quiet);overflow-wrap:anywhere}
.post{max-width:680px;margin-inline:0;padding:0}
.post-head,.post-head--band,.post-head--split,.post-head--overlay{display:block;padding:24px 0;margin:0 0 24px;color:var(--color-key);background:none;border:0;border-radius:0;box-shadow:none}
.post-head h1{color:var(--color-key);font-size:clamp(28px,3vw,40px);line-height:1.35;margin:0 0 20px;letter-spacing:0;max-width:680px}
.post-kicker{font:600 17px/1.5 var(--color-body);color:var(--color-quiet);letter-spacing:0;text-transform:none;border:0}
.post-meta{font:400 17px/1.5 var(--color-body);color:var(--color-quiet);margin:16px 0}
.post-cover{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border:0;border-radius:0;opacity:1;position:static;margin:24px 0}
.post-ov{position:static;background:none;padding:0;color:var(--color-text)}
.post>.intro-text,.post p.intro-text{font-size:20px;line-height:1.75;border:0;border-left:3px solid var(--color-hi);padding:0 0 0 24px;margin:28px 0 36px;color:var(--color-text)}
.post .intro-text::first-letter{font:inherit;float:none;color:inherit;margin:0}
.post .section{margin:42px 0;padding:0}
.post .section>h2:first-child{padding:0}
.contents--post,.contents--chips,.contents--rail{position:static;top:auto;margin:24px 0 32px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.contents--post strong{display:block;font:700 18px/1.5 var(--color-body);color:var(--color-key);margin:0 0 10px}
.contents--post ol,.contents--post ul{display:block;list-style:none;columns:1;padding:0;margin:0}
.contents--post li{margin:8px 0;padding:0}
.contents--post a{display:inline-block;padding:4px 0;border:0;border-radius:0;background:none;font-size:17px;line-height:1.6;text-decoration:underline}
.questions{max-width:680px;padding:12px 0;background:none;border:0}
.questions>h3{font-size:21px;margin:30px 0 12px;border:0;padding:0}
.questions p{margin:12px 0}
.questions details{background:none;border:0;border-bottom:1px solid var(--color-border);border-radius:0;padding:16px 0}
.questions summary{font-size:18px;line-height:1.6;font-weight:600;color:var(--color-key);cursor:pointer}
.cta-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:0;border-radius:3px;background:var(--color-key);color:var(--color-surface)!important;font:600 18px/1.4 var(--color-body);text-decoration:none!important;text-transform:none;letter-spacing:0;box-shadow:none;transition:background .18s}
.cta-link:hover{background:var(--color-hi);transform:none}
.action{max-width:680px;margin:32px 0;padding:24px 0;border:0;background:none;text-align:left}
.action .cta-link{max-width:100%}
.colophon{padding:40px 0;background:var(--color-bg);color:var(--color-text);border:0}
.foot-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.colophon strong{font:700 21px/1.5 var(--color-display);letter-spacing:0;color:var(--color-key)}
.colophon p{max-width:34ch;margin:14px 0;font-size:17px;line-height:1.7;color:var(--color-quiet)}
.colophon nav{display:flex;flex-direction:column;gap:12px}
.colophon a{font:400 17px/1.6 var(--color-body);color:var(--color-key);text-decoration:underline;text-underline-offset:.2em;transition:color .18s}
.colophon a:hover{color:var(--color-hi)}
.colophon nav.codes,.colophon nav.langpills{flex-direction:row;flex-wrap:wrap;gap:8px}
.colophon .codes a,.colophon .langpills a{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;border:0;background:none}
@media(max-width:700px){.article-area{padding-inline:20px}.container{padding-inline:20px}.hdr-row{padding:16px 20px;flex-wrap:wrap;gap:12px;min-height:76px}.header-bar .home-link{font-size:19px}.hdr-row>.nav-links{width:100%;justify-content:flex-start;gap:22px}.nav-links{font-size:17px}.language--globe{margin-left:auto}.opener{padding:26px 0 18px}.opener h1{font-size:30px}.article-area p{font-size:18px}.section{margin:36px 0}.tiles,.tiles--feat{grid-template-columns:1fr}.card-txt{padding:18px 0}.brow{grid-template-columns:96px minmax(0,1fr);gap:18px}.brow img{width:96px}.brow b{font-size:20px}.foot-in{grid-template-columns:1fr 1fr;gap:24px}.foot-in>div:first-child{grid-column:1/-1}.post-head{padding:16px 0}.post-head h1{font-size:30px}.post>.intro-text,.post p.intro-text{font-size:19px;padding-left:18px}.facts th,.facts td{padding:12px 10px;font-size:16px}}
@media(max-width:420px){.article-area{padding-inline:16px}.container{padding-inline:16px}.hdr-row{padding-inline:16px}.home-link svg{width:28px;height:28px}.header-bar .home-link{font-size:18px}.nav-links{gap:18px}.opener h1{font-size:28px}.article-area h2{font-size:24px}.article-area h3{font-size:20px}.brow{grid-template-columns:1fr}.brow img{width:100%;max-width:240px}.foot-in{grid-template-columns:1fr}.foot-in>div:first-child{grid-column:auto}.post-head h1{font-size:28px}.facts{font-size:16px}.graphic figcaption{font-size:17px}}
@media(prefers-reduced-motion:reduce){.article-area a,.item,.cta-link,.nav-links a,.colophon a{transition:none}}
@media print{body{background:var(--color-surface);color:var(--color-text);font-size:11pt}.container{max-width:none;padding:0}.header-bar,.colophon{background:var(--color-surface);color:var(--color-text)}.header-bar .home-link,.header-bar .home-link span,.nav-links a{color:var(--color-text)}.article-area{padding-bottom:0}.opener{padding:20px 0}.section,.post{max-width:none}.item{break-inside:avoid}.grid-wrap{overflow:visible}.facts tr{break-inside:avoid}.post-cover{max-height:260px}.contents--post{position:static}.post>.intro-text{font-size:13pt}}

/* Match the article selector used by the builder so its default box cannot return. */
.post .contents--post{position:static;margin:24px 0 32px;padding:0;background:none;border:0;border-radius:0;font-size:17px}