@font-face{font-family:Barlow;src:url('fonts/barlow-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url('fonts/barlow-500.ttf');font-weight:500;font-display:swap}@font-face{font-family:Barlow;src:url('fonts/barlow-600.ttf');font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url('fonts/barlow-700.ttf');font-weight:700;font-display:swap}@font-face{font-family:Barlow;src:url('fonts/barlow-800.ttf');font-weight:800;font-display:swap}
:root{--blue:#d9edf5;--ink:#123e43;--orange:#e86b18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.5 Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none;transition:color .14s ease}a:hover,a:active{color:var(--orange)}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:5}.skip:focus{top:0}.frame{max-width:1500px;margin:auto;padding:0 4% 25px}.project-credit{display:flex;justify-content:flex-end;align-items:center;gap:13px;padding:24px 0 18px;font-size:11px;font-weight:600;letter-spacing:.1em}.project-credit a{display:flex}.project-credit img{width:16px;height:auto}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0 38px}.home-mark{display:flex;align-items:center;gap:22px;line-height:.88}.home-mark strong{font-size:46px;font-weight:800;letter-spacing:-.02em}.home-mark i{width:3px;height:60px;background:currentColor;transform:rotate(20deg)}.home-mark>span{font-size:24px;font-weight:800}nav{display:flex;gap:28px;font-size:11px;letter-spacing:.08em;font-weight:600}.list-intro{background:var(--blue);border-radius:25px;display:grid;grid-template-columns:1fr 235px;gap:40px;padding:55px 7% 50px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:600;margin:0 0 25px}h1{font-size:clamp(58px,7.3vw,108px);font-weight:500;letter-spacing:-.045em;line-height:.97;margin:0 0 30px}h1 span{color:var(--orange)}.description{font-size:20px;line-height:1.45;max-width:570px;margin:0 0 32px}.file-under{display:flex;gap:25px;font-size:10px;letter-spacing:.1em;line-height:1.5}.file-under>span{font-weight:600}.file-under p{color:var(--orange);margin:0}aside{display:flex;flex-direction:column;align-items:center;justify-content:center}.count-circle{width:155px;height:155px;border:4px solid currentColor;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:30px}.count-circle b{font-size:56px;line-height:1;font-weight:700}.count-circle>span{font-size:10px;letter-spacing:.1em;line-height:1.35;margin-top:10px}.button{display:inline-block;border:1.8px solid currentColor;padding:12px 14px;font-size:11px;font-weight:700;letter-spacing:.035em;line-height:1.3;text-align:center;transition:color .14s,background .14s}.button:hover,.button:focus-visible{background:var(--orange);color:white;border-color:var(--orange)}.share{border:0;background:none;padding:16px 0 0;font-size:10px;letter-spacing:.05em}.share:hover{color:var(--orange)}#copy-status{font-size:10px;min-height:15px;margin:6px 0 0}.book-section{padding:65px 7% 45px;scroll-margin-top:25px}.book-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.book-heading .eyebrow{margin-bottom:12px}h2{font-size:44px;line-height:1.1;letter-spacing:-.03em;font-weight:500;margin:0}.book-heading label{font-size:10px;letter-spacing:.1em;min-width:200px}.book-heading input{display:block;border:0;border-bottom:1px solid var(--ink);padding:12px 0;width:100%;font-size:14px;background:none;border-radius:0;letter-spacing:0}.results{font-size:10px;letter-spacing:.08em;margin:27px 0 30px;padding-top:15px;border-top:1px solid #b2c5c6}.books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 35px}.book{display:flex;flex-direction:column;min-width:0}.book[hidden]{display:none}.cover-link{display:flex;justify-content:flex-start;align-items:flex-end;height:280px;margin-bottom:20px}.cover-link img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.cover-fallback{height:100%;width:180px;border:1px solid #a7b6b6;background:#f0f4f3;padding:25px;font-size:13px}.cover-fallback[hidden]{display:none}.position{font-size:9px;letter-spacing:.08em;color:#486569}h3{font-weight:600;font-size:22px;line-height:1.2;letter-spacing:-.015em;margin:8px 0}.book-info>p{font-size:14px;line-height:1.4;margin:0 0 14px}.buy-link{font-size:9px;letter-spacing:.1em;font-weight:600}.end-note{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid #b2c5c6;margin-top:60px;padding-top:30px}.end-note>p{font-size:30px;line-height:1.1;margin:0}footer{background:var(--blue);border-radius:0 0 25px 25px;padding:50px 7% 30px;margin-top:10px}footer>p{font-size:52px;line-height:1;letter-spacing:-.035em;margin:0 0 35px}footer>div{display:flex;gap:25px;font-size:10px;font-weight:600;letter-spacing:.06em}footer small{display:block;font-size:8px;letter-spacing:.1em;margin-top:40px}@media(max-width:850px){.list-intro{grid-template-columns:1fr 190px;padding:40px 5%;gap:25px}h1{font-size:65px}.description{font-size:18px}.book-section{padding-inline:5%}.cover-link{height:225px}.books{gap:40px 25px}h3{font-size:20px}.count-circle{width:135px;height:135px}}@media(max-width:600px){.frame{padding-inline:15px}.project-credit{font-size:9px;padding-top:20px}header{padding:15px 0 25px;gap:15px}.home-mark{gap:13px}.home-mark strong{font-size:33px}.home-mark i{height:45px;width:2px}.home-mark>span{font-size:18px}nav{font-size:8px;gap:12px;flex-direction:column}.list-intro{grid-template-columns:1fr;padding:30px 7%;gap:30px}h1{font-size:clamp(49px,11vw,65px)}.description{font-size:17px}.file-under{font-size:9px;gap:15px}aside{align-items:flex-start;display:grid;grid-template-columns:110px 1fr;column-gap:20px;align-items:center}.count-circle{grid-row:1/4;width:110px;height:110px;margin:0;border-width:3px}.count-circle b{font-size:43px}.count-circle>span{font-size:8px}.button{font-size:9px;padding:10px}.share{padding-top:10px;font-size:9px}#copy-status{margin:0}.book-section{padding:40px 2% 30px}.book-heading{align-items:stretch;flex-direction:column;gap:20px}h2{font-size:35px}.book-heading label{min-width:0}.results{font-size:8px;margin-bottom:25px}.books{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}.cover-link{height:210px;margin-bottom:15px}h3{font-size:18px}.book-info>p{font-size:13px}.buy-link{font-size:8px}.end-note{flex-direction:column;align-items:flex-start;margin-top:40px}.end-note>p{font-size:28px}footer{padding:35px 7% 25px}footer>p{font-size:43px}footer>div{flex-direction:column;gap:15px;font-size:9px}}@media(max-width:380px){.cover-link{height:175px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,.button{transition:none}}
/* List-page refinement, November 1. */
header{padding-bottom:11.4px}
.list-intro{border-radius:25px 25px 0 0}
.list-intro .eyebrow{font-size:13px}
aside .share{padding:12px 14px;background:transparent;margin-top:0}
aside .share:hover,aside .share:focus-visible{background:var(--orange);color:#fff;border-color:var(--orange)}
.book-section{padding-top:35px}
.review{margin:20px 0 0;padding-top:15px;border-top:1px solid #c3d1d0}
.review p{font-size:15px;line-height:1.45;margin:0 0 10px}
.review cite{font-size:11px;line-height:1.4;font-style:normal;font-weight:600;display:block}
.review small{font-size:9px;line-height:1.4;color:#486569;display:block;margin-top:4px}
footer>.project-credit{padding:0 0 30px;justify-content:flex-start}
@media(max-width:600px){header{padding-bottom:7.5px}.list-intro .eyebrow{font-size:13px}.book-section{padding-top:25px}.review p{font-size:14px}aside{grid-template-rows:auto auto}aside .share{font-size:9px;padding:10px}.review cite{font-size:10px}}
aside .share{border:1.8px solid currentColor;border-radius:0}

/* Compact closing panel, with the MATTER credit at its foot. */
.book-section{padding-bottom:20px}
footer{padding-top:18px;padding-bottom:18px}
footer .end-note{margin:0 0 22px;padding-top:18px;gap:20px}
footer .end-note>p{font-size:27px}
footer>.project-credit{justify-content:flex-end;padding:16px 0 0;gap:10px;font-size:9px}
footer small{margin-top:16px}
@media(max-width:600px){footer{padding-top:14px;padding-bottom:16px}footer .end-note{flex-direction:row;align-items:center;gap:16px;margin-bottom:20px;padding-top:14px}footer .end-note>p{font-size:23px}footer .end-note .button{max-width:150px}footer>div:not(.end-note):not(.project-credit){gap:10px}footer>.project-credit{padding-top:14px;font-size:8px}}
/* Keep long list names and book titles within narrow screens. */
.list-intro h1,.book h3{overflow-wrap:anywhere}

footer .end-note{border-top:0}