/* Interactive readings, scoped to this atlas. */
.dq{--dq-ink:#1c3541;--dq-green:#175a60;--dq-copper:#a64d34;--dq-paper:#fffcf5;--dq-rule:#d9d5c7;--dq-light:#efede3;--dq-muted:#4c6268;color:var(--dq-ink);min-width:0}
.dq *, .dq *::after,.dq *::before{box-sizing:border-box}
.dq [hidden]{display:none!important}
.dq :is(button,summary,[tabindex]):focus-visible{outline:3px solid #176675;outline-offset:3px}
.dq button{cursor:pointer}
.dq h3,.dq h4,.dq h5,.dq p,.dq figure{margin:0}
.dq .dq-eyebrow,.dq .dq-control-label{font:750 .68rem/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:var(--dq-green)}
.dq .dq-switch{display:flex;align-items:stretch;flex-wrap:wrap;gap:.45rem;margin:.8rem 0 1.1rem}
.dq .dq-switch button{appearance:none;border:1px solid #abb7b2;border-radius:4px;background:var(--dq-paper);color:var(--dq-ink);padding:.5rem .8rem;max-width:100%;font:650 .83rem/1.35 system-ui,sans-serif;min-height:38px;text-align:center;white-space:normal}
.dq .dq-switch button:hover{background:#e6eeea;border-color:var(--dq-green)}
.dq .dq-switch button[aria-pressed=true]{background:var(--dq-green);color:#fff;border-color:var(--dq-green)}
.dq .dq-topnav{padding:.6rem;background:#e8e8dd;border:1px solid var(--dq-rule);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin:0 0 1.25rem}
.dq .dq-topnav button{border:0;background:transparent;min-height:43px}
.dq .dq-body{border:1px solid var(--dq-rule);background:var(--dq-paper);padding:clamp(1rem,3vw,2.1rem);min-width:0}
.dq .dq-heading{margin-bottom:.8rem}
.dq .dq-heading h3{font:500 clamp(1.6rem,2.9vw,2.35rem)/1.12 Georgia,serif;letter-spacing:-.03em;color:var(--dq-ink);margin-top:.55rem;max-width:35ch}
.dq .dq-intro,.dq .dq-detail p,.dq .dq-method p{font:400 .94rem/1.63 system-ui,sans-serif;color:var(--dq-muted);max-width:92ch;margin:0 0 1.1rem}
.dq .dq-casehead{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1.1rem 1.3rem;background:#e6ece7;border-top:3px solid var(--dq-green)}
.dq .dq-casehead h4{font:500 1.65rem/1.2 Georgia,serif;margin:.22rem 0}
.dq .dq-casehead p,.dq .dq-sample{font:500 .8rem/1.55 system-ui,sans-serif;color:var(--dq-muted)}
.dq .dq-sample{font-size:.75rem}
.dq .dq-sample strong{display:block;font:500 2rem/1.1 Georgia,serif;color:var(--dq-green)}
.dq .dq-figure{border:1px solid var(--dq-rule);padding:clamp(.8rem,2vw,1.45rem);margin:1rem 0;min-width:0}
.dq .dq-figure figcaption{font:650 1rem/1.4 system-ui,sans-serif;margin:0 0 1rem;color:var(--dq-ink)}
.dq .dq-balance,.dq .dq-balance-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(7rem,27%) minmax(0,1fr);gap:.8rem;align-items:center}
.dq .dq-balance{min-height:2.2rem;border-top:1px solid #e3e0d6;padding:.35rem 0}
.dq .dq-balance:last-child{border-bottom:1px solid #e3e0d6}
.dq .dq-balance-head{font:700 .72rem/1.4 system-ui,sans-serif;color:var(--dq-muted);margin:0 0 .4rem;text-align:center}
.dq .dq-balance-head span:first-child{color:var(--dq-green)}
.dq .dq-balance-head span:last-child{color:var(--dq-copper)}
.dq .dq-themelabel{text-align:center;overflow-wrap:anywhere;font:550 .82rem/1.3 system-ui,sans-serif}
.dq .dq-rail{height:.68rem;display:block;position:relative;background:#efede5}
.dq .dq-rail i{position:absolute;top:0;bottom:0}
.dq .dq-rail b{position:absolute;top:50%;transform:translateY(-50%);font:700 .8rem/1.2 system-ui,sans-serif;font-variant-numeric:tabular-nums}
.dq .dq-fav{margin-left:1.65rem;border-right:1px solid #acb8b1}
.dq .dq-fav i{right:0;background:var(--dq-green)}
.dq .dq-fav b{right:calc(100% + .4rem);color:var(--dq-green)}
.dq .dq-crit{margin-right:1.65rem;border-left:1px solid #acb8b1}
.dq .dq-crit i{left:0;background:var(--dq-copper)}
.dq .dq-crit b{left:calc(100% + .4rem);color:#8a412b}
.dq .dq-small,.dq .dq-source{font:400 .77rem/1.6 system-ui,sans-serif;color:var(--dq-muted)}
.dq .dq-small{margin-top:.7rem}
.dq .dq-source{margin:.9rem 0 0;border-left:2px solid #a4b2a7;padding:.25rem 0 .25rem .75rem}
.dq .dq-note{display:block;margin:1rem 0;background:#eef0e7;border-left:3px solid var(--dq-green);padding:.95rem 1.1rem}
.dq .dq-note>b,.dq .dq-caption>b{font:750 .7rem/1.4 system-ui,sans-serif;color:var(--dq-green);text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:.3rem}
.dq .dq-note p{font:400 .9rem/1.63 system-ui,sans-serif;max-width:100ch}
.dq .dq-table,.dq .dq-method{display:block;border-top:1px solid var(--dq-rule);padding:.7rem 0}
.dq .dq-table>summary,.dq .dq-method>summary{cursor:pointer;font:650 .85rem/1.45 system-ui,sans-serif;color:var(--dq-green)}
.dq .dq-method p{font-size:.86rem;margin:.7rem 0}
.dq .dq-table-wrap{max-width:100%;overflow-x:auto;margin-top:.7rem;overscroll-behavior-x:contain}
.dq .dq-table table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left;background:var(--dq-paper);font:400 .8rem/1.5 system-ui,sans-serif}
.dq .dq-table caption{caption-side:top;text-align:left;font-weight:700;padding:.35rem .5rem;color:var(--dq-green)}
.dq .dq-table :is(td,th){white-space:normal;padding:.45rem .55rem;border-bottom:1px solid var(--dq-rule);vertical-align:top}
.dq .dq-table thead{background:#edece2}
.dq .dq-table th{font-weight:650}
.dq .dq-occupation,.dq .dq-occupation-head{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(0,1fr));align-items:center;gap:1.4rem}
.dq .dq-occupation-head{font:700 .77rem/1.4 system-ui,sans-serif;color:var(--dq-green);padding-bottom:.6rem}
.dq .dq-occupation-head small{font-size:.68rem;font-weight:500;color:var(--dq-muted)}
.dq .dq-occupation{padding:.85rem 0;border-top:1px solid var(--dq-rule);font:600 .88rem/1.45 system-ui,sans-serif}
.dq .dq-occupation>b{font-weight:600}
.dq .dq-metric span{font-variant-numeric:tabular-nums}
.dq .dq-metric i{display:block;height:.45rem;background:#ebe9de;position:relative;margin-top:.3rem}
.dq .dq-metric em{display:block;position:absolute;inset:0 auto 0 0;background:var(--dq-ink)}
.dq .dq-pay em{background:var(--dq-green)}
.dq .dq-subhead{font:500 1.35rem/1.3 Georgia,serif;margin:1.3rem 0 .65rem}
.dq .dq-steps{display:flex;gap:0;align-items:stretch;position:relative;flex-wrap:nowrap}
.dq .dq-steps button{flex:1 1 0;min-width:0;position:relative;margin:0 1.2rem 0 0;padding:.7rem .4rem;gap:.35rem;display:flex;flex-direction:column;justify-content:center;align-items:center}
.dq .dq-steps button:last-child{margin-right:0}
.dq .dq-steps button:not(:last-child)::after{content:"→";position:absolute;left:100%;width:1.2rem;text-align:center;color:var(--dq-copper);font-size:1.05rem;font-weight:400}
.dq .dq-steps small{font:700 .7rem/1.2 system-ui,sans-serif;opacity:.85;font-variant-numeric:tabular-nums}
.dq .dq-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);border:1px solid var(--dq-rule)}
.dq .dq-detail>div{padding:clamp(1rem,2vw,1.6rem)}
.dq .dq-detail-head{background:#e5ebe5}
.dq .dq-detail-head h4{font:500 clamp(1.35rem,2.4vw,1.9rem)/1.16 Georgia,serif;letter-spacing:-.015em;margin-top:.65rem}
.dq .dq-detail p{font-size:.9rem;color:var(--dq-ink)}
.dq .dq-detail .dq-caption{font-size:.84rem;color:var(--dq-muted);margin:0}
.dq .dq-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:.9rem}
.dq .dq-triptych article{border-top:2px solid #ba966b;padding:.7rem 0;min-width:0}
.dq .dq-triptych small{font:700 .66rem/1 system-ui,sans-serif;letter-spacing:.05em;color:var(--dq-copper)}
.dq .dq-triptych h5{font:600 1.03rem/1.25 Georgia,serif;margin:.4rem 0}
.dq .dq-triptych p{font:400 .83rem/1.55 system-ui,sans-serif;color:var(--dq-muted)}
.dq .dq-time-axis{height:1.7rem;position:relative;margin:1.4rem .25rem .1rem;border-bottom:1px solid var(--dq-rule)}
.dq .dq-time-axis span{position:absolute;top:0;transform:translateX(-50%);font:600 .7rem/1.3 system-ui,sans-serif;white-space:nowrap}
.dq .dq-time-axis span:first-child{transform:none}
.dq .dq-time-axis span:last-child{transform:translateX(-100%)}
.dq .dq-day{padding:.8rem 0}
.dq .dq-day-head{font:650 .87rem/1.35 system-ui,sans-serif;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}
.dq .dq-day-head strong{font:500 1.5rem/1 Georgia,serif;color:var(--dq-green)}
.dq .dq-day-head small{font:500 .72rem/1.3 system-ui,sans-serif}
.dq .dq-clock{position:relative;height:1.1rem;background:repeating-linear-gradient(to right,#ece8da 0,#ece8da calc(7.6923% - 1px),#d8d4c6 calc(7.6923% - 1px),#d8d4c6 7.6923%);margin:.5rem 0}
.dq .dq-baseblock,.dq .dq-block{position:absolute;top:0;bottom:0}
.dq .dq-baseblock{background:#b6ccc6}
.dq .dq-block.duration{background:var(--dq-green)}
.dq .dq-block.amplitude{border:2px solid var(--dq-copper);background:transparent}
.dq .dq-block.gaps{background:repeating-linear-gradient(45deg,#a65137 0,#a65137 3px,#ddd1ba 3px,#ddd1ba 6px)}
.dq .dq-day .dq-small{margin-top:.35rem}
.dq .dq-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:800px){
 .dq .dq-topnav{display:flex;flex-wrap:wrap}
 .dq .dq-topnav button{flex:1 1 8rem}
 .dq .dq-steps{flex-wrap:wrap;gap:.4rem}
 .dq .dq-steps button{flex:1 1 7rem;margin:0;padding:.5rem .55rem}
 .dq .dq-steps button:not(:last-child)::after{display:none}
}
@media(max-width:600px){
 .dq .dq-casehead{gap:.65rem;padding:.9rem;display:block}
 .dq .dq-sample{margin-top:.4rem}
 .dq .dq-sample strong{display:inline;font-size:1.35rem;margin-right:.15rem}
 .dq .dq-topnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .dq .dq-topnav button:last-child{grid-column:1/-1}
 .dq .dq-balance,.dq .dq-balance-head{grid-template-columns:minmax(0,1fr) minmax(0,32%) minmax(0,1fr);gap:.4rem}
 .dq .dq-themelabel{font-size:.74rem}
 .dq .dq-fav{margin-left:1.28rem}
 .dq .dq-crit{margin-right:1.28rem}
 .dq .dq-balance-head{font-size:.67rem}
 .dq .dq-occupation{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .8rem}
 .dq .dq-occupation>b{grid-column:1/-1}
 .dq .dq-occupation-head{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
 .dq .dq-occupation-head>span:first-child{display:none}
 .dq .dq-detail,.dq .dq-triptych{grid-template-columns:minmax(0,1fr)}
 .dq .dq-triptych{gap:.25rem}
 .dq .dq-steps button{flex:1 1 6rem}
}