/* Painting journal: reading patterns from Refero, existing site design tokens. */
.library-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:center;padding:70px 4vw 75px;border-bottom:1px solid var(--line,#d5d6d1)}
.library-hero h1{font-size:clamp(45px,6.5vw,100px);letter-spacing:-.065em;line-height:.98;margin:18px 0 26px}.library-hero p:not(.eyebrow){max-width:47ch;font-size:18px;line-height:1.65;color:#5c6065;margin-bottom:24px}.library-hero>img{width:100%;height:100%;min-height:330px;max-height:465px;object-fit:cover;border-radius:8px}.guide-library{padding:40px 4vw 85px}.library-search-row{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px}.library-search-row label{font-size:13px;font-weight:650;letter-spacing:.01em}.library-search-row input,.library-search-row select{display:block;width:100%;margin:10px 0 0;background:transparent;border:1px solid #909797;border-radius:8px;padding:18px;font:inherit;font-size:17px;color:#151619;min-height:60px;box-sizing:border-box}.library-search-row input:focus,.library-search-row select:focus{outline:2px solid #151619;outline-offset:2px}.topic-filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.topic-button{font:inherit;font-size:13px;color:#34383a;border:1px solid #c2c6c3;border-radius:8px;padding:10px 15px;background:transparent;cursor:pointer}.topic-button[aria-pressed=true]{background:#151619;color:#fff;border-color:#151619}.topic-button:hover{border-color:#151619}.library-status{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d5d6d1;padding:18px 0 32px;color:#5c6065;font-size:14px}.library-status p{margin:0}.library-status button{font:inherit;background:none;border:0;text-decoration:underline;cursor:pointer}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.guide-card{min-width:0}.guide-card-media{display:block;border-radius:6px;overflow:hidden;background:#e9ece9}.guide-card img{display:block;width:100%;height:auto;aspect-ratio:1200/680;object-fit:cover;transition:transform 250ms ease}.guide-card:hover img{transform:scale(1.025)}.guide-card-meta{display:flex;justify-content:space-between;gap:12px;margin:20px 0 12px;font-size:11px;text-transform:uppercase;letter-spacing:.075em;font-weight:650;color:#5c6065}.guide-card h2{font-size:clamp(22px,2vw,30px);line-height:1.12;letter-spacing:-.035em;margin:0 0 15px}.guide-card h2 a{color:inherit;text-decoration:none}.guide-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}.guide-card>p{font-size:15px;line-height:1.65;color:#5c6065;margin:0 0 20px;max-width:55ch}.guide-card .text-link{font-size:13px}.library-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:60px}.library-pagination a{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid #c2c6c3;color:#151619;text-decoration:none;border-radius:8px}.library-pagination a[aria-current=page]{background:#151619;color:white}.library-pagination a:hover{border-color:#151619}.library-empty{padding:55px 0;font-size:22px;max-width:55ch}.guide-header{padding:38px 4vw 50px;border-bottom:1px solid #d5d6d1;max-width:1500px;margin:auto}.guide-breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;color:#5c6065;font-size:12px;margin:0 0 50px}.guide-breadcrumbs a{color:inherit}.guide-kicker{display:flex;gap:18px;flex-wrap:wrap;text-transform:uppercase;font-size:11px;letter-spacing:.09em;font-weight:650}.guide-kicker span+span{border-left:1px solid #b9bebb;padding-left:18px}.guide-header h1{font-size:clamp(38px,5.1vw,76px);max-width:23ch;line-height:1.05;letter-spacing:-.055em;margin:23px 0 27px}.guide-answer{font-size:clamp(18px,1.6vw,23px);line-height:1.65;max-width:72ch;color:#4d5356;margin:0}.guide-layout{display:grid;grid-template-columns:250px minmax(0,800px);gap:5vw;max-width:1320px;margin:auto;padding:48px 4vw 80px;align-items:start}.guide-sidebar{position:sticky;top:110px;max-height:calc(100vh - 140px);overflow:auto;font-size:13px}.guide-toc{border-top:2px solid #151619;padding-top:17px;margin-bottom:30px}.guide-toc>summary{font-size:14px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.guide-toc>summary::-webkit-details-marker{display:none}.guide-toc nav{display:grid;margin-top:15px}.guide-toc nav a{font-size:12px;line-height:1.5;text-decoration:none;color:#5c6065;padding:9px 12px;border-left:2px solid #d5d6d1}.guide-toc nav a:hover,.guide-toc nav a[aria-current=true]{border-color:#151619;color:#151619;background:#e8e9e4}.guide-body{min-width:0;font-size:18px;line-height:1.8;color:#34383a}.guide-body section{scroll-margin-top:110px;margin-bottom:44px}.guide-body h2{font-size:clamp(27px,2.7vw,36px);line-height:1.15;letter-spacing:-.035em;color:#151619;margin:44px 0 23px}.guide-body h3{font-size:23px;line-height:1.35;color:#151619;margin-top:30px}.guide-body p{margin:0 0 20px}.guide-body li{margin-bottom:9px}.guide-body ul,.guide-body ol{padding-left:25px;margin:20px 0 25px}.guide-body a{color:#203f50;text-underline-offset:3px;overflow-wrap:anywhere}.guide-body blockquote{border-left:3px solid #8499a2;margin:25px 0;padding:10px 24px;background:#e9ece9}.guide-diagram{margin:0 0 40px}.guide-diagram img{display:block;width:100%;height:auto;border-radius:6px}.guide-diagram figcaption{font-size:13px;line-height:1.6;color:#5c6065;margin:12px 0 0}.guide-body table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6;display:block;overflow-x:auto;margin:25px 0}.guide-body th{background:#e5e8e5;text-align:left;font-weight:650;color:#151619}.guide-body th,.guide-body td{padding:13px 15px;border:1px solid #c2c6c3;min-width:135px;vertical-align:top}.guide-faq details{border-top:1px solid #c2c6c3;padding:18px 0}.guide-faq summary{font-size:18px;font-weight:650;cursor:pointer;line-height:1.5;color:#151619}.guide-faq p{font-size:16px;margin:15px 0 0}.guide-sources{border-top:1px solid #c2c6c3;padding-top:10px}.guide-sources ul{font-size:14px;line-height:1.65;padding-left:20px}.guide-sources li{margin-bottom:18px}.guide-sources li>span{display:block;color:#5c6065;font-size:12px;margin-top:4px}.guide-sources details{font-size:14px}.guide-sources details summary{cursor:pointer;font-weight:650}.guide-sources details p{margin:15px 0;color:#5c6065}.guide-related{border-top:1px solid #d5d6d1;padding:60px 4vw 85px}.guide-related .section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.guide-related h2{font-size:48px;letter-spacing:-.04em}.guide-related .guide-card h2{font-size:26px}.journal-entry{padding:75px 4vw;border-top:1px solid #d5d6d1}.journal-entry h2{font-size:clamp(33px,4.5vw,66px);line-height:1.06;letter-spacing:-.05em;margin:20px 0 40px}.journal-entry>div{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-bottom:32px}.journal-entry>div>a{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #c2c6c3;padding:24px 0;color:#151619;text-decoration:none;font-size:19px;font-weight:550}.journal-entry>div>a:hover{text-decoration:underline}.more-guides{border-top:1px solid #c2c6c3;margin-top:45px;padding-top:20px}
@media(min-width:1800px){.guide-library,.library-hero,.guide-related,.journal-entry{padding-left:7vw;padding-right:7vw}.guide-grid{gap:60px 40px}}
@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout{grid-template-columns:200px minmax(0,1fr);gap:4vw}.guide-header h1{max-width:24ch}.library-hero{gap:4vw}.library-hero h1{font-size:55px}.library-hero>img{min-height:300px}.guide-body{font-size:17px}}
@media(max-width:700px){.library-hero{grid-template-columns:1fr;padding:35px 6vw;gap:30px}.library-hero h1{font-size:49px}.library-hero>img{min-height:0;height:200px}.library-hero p:not(.eyebrow){font-size:16px}.guide-library{padding:30px 6vw 55px}.library-search-row{grid-template-columns:1fr;gap:18px}.library-search-row input{font-size:15px;padding:15px;min-height:54px}.library-search-row select{padding:12px;min-height:48px}.topic-filters{gap:7px}.topic-button{font-size:11px;padding:9px 11px}.guide-grid{grid-template-columns:1fr;gap:38px}.guide-card h2{font-size:27px}.guide-header{padding:25px 6vw 32px}.guide-breadcrumbs{margin-bottom:30px;font-size:11px}.guide-kicker{font-size:10px;gap:10px}.guide-kicker span+span{padding-left:10px}.guide-header h1{font-size:38px;letter-spacing:-.045em}.guide-answer{font-size:17px}.guide-layout{display:block;padding:28px 6vw 40px}.guide-sidebar{position:static;max-height:none;margin-bottom:30px}.guide-sidebar>.text-link{display:none}.guide-toc{margin:0}.guide-toc nav{max-height:210px;overflow:auto}.guide-toc nav a{font-size:13px}.guide-body h2{font-size:28px;margin-top:33px}.guide-body{font-size:17px;line-height:1.8}.guide-diagram{margin-bottom:30px}.guide-body table{font-size:13px}.guide-body th,.guide-body td{min-width:125px;padding:10px}.guide-related{padding:40px 6vw}.guide-related .section-heading{align-items:baseline}.guide-related .section-heading>h2{font-size:36px}.guide-related .section-heading>a{font-size:12px}.journal-entry{padding:45px 6vw}.journal-entry>div{grid-template-columns:1fr}.journal-entry>div>a{font-size:17px}.library-pagination{gap:5px}.library-pagination a{min-width:34px;height:36px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.guide-card img{transition:none}.guide-card:hover img{transform:none}}
.motion-paused .guide-card img{transition:none}.motion-paused .guide-card:hover img{transform:none}
@media print{.guide-sidebar,.site-header,.guide-related,.site-footer,.motion-toggle,.reading-progress{display:none!important}.guide-layout{display:block;max-width:none}.guide-body{font-size:11pt}.guide-header h1{font-size:28pt}.guide-diagram{max-width:500px}}

.guide-body a{text-decoration:underline}.guide-card a:focus-visible{outline-offset:4px}

.guide-body{max-width:72ch}
/* Article photography extends the existing ink/paper editorial system. */
.guide-intro{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:4vw}.guide-heading{min-width:0}.guide-intro h1{font-size:clamp(36px,3.7vw,59px);max-width:24ch}.guide-intro .guide-answer{font-size:clamp(17px,1.25vw,20px);line-height:1.65}.guide-cover{margin:0;min-width:0}.guide-cover img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:7px;background:#e9ece9}.guide-cover figcaption{margin-top:9px;font-size:11px;color:#62676a}.guide-card img{aspect-ratio:16/9}.guide-intro:not(:has(.guide-cover)){display:block}.guide-intro:not(:has(.guide-cover)) h1{font-size:clamp(38px,5.1vw,76px)}
@media(max-width:900px){.guide-intro{grid-template-columns:1fr;gap:30px}.guide-intro h1{font-size:clamp(36px,6.7vw,56px);max-width:25ch}.guide-cover img{aspect-ratio:16/9}.guide-intro .guide-answer{font-size:18px}}
/* Keep the article photograph visible before a long answer on small screens. */
@media(max-width:700px){.guide-intro:has(.guide-cover){row-gap:0}.guide-intro:has(.guide-cover) .guide-heading{display:contents}.guide-intro:has(.guide-cover) .guide-kicker{grid-row:1}.guide-intro:has(.guide-cover) h1{grid-row:2}.guide-intro:has(.guide-cover) .guide-cover{grid-row:3}.guide-intro:has(.guide-cover) .guide-answer{grid-row:4;margin-top:24px}}

/* Match journal actions and filters to the shared rounded button standard. */
.topic-button{min-height:44px}.library-status button{min-height:44px;border:1px solid var(--ink);border-radius:8px;padding:10px 16px;background:var(--paper);color:var(--ink);text-decoration:none}.library-status button:hover{background:var(--yellow)}
.library-pagination a{min-width:44px;min-height:44px;border-radius:8px}.journal-entry>div{gap:14px 24px}.journal-entry>div>a.button{border:1px solid var(--ink);border-radius:8px;padding:18px 20px;background:var(--paper);text-align:left;justify-content:flex-start;font-size:17px;line-height:1.5}.journal-entry>div>a.button:hover{text-decoration:none;background:var(--yellow)}
@media(max-width:700px){.guide-related .section-heading{flex-wrap:wrap;gap:18px}.library-status{flex-wrap:wrap;gap:12px}.library-pagination a{min-width:44px;min-height:44px}}