/* Shared supporting pages in the selected cream, ink-blue, and yellow notebook. */
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.inner-topbar{justify-content:space-between;gap:30px}
.inner-home{font:24px/1.1 Caslon,Georgia,serif;text-decoration:none;max-width:240px}
.inner-home em{white-space:nowrap}
.inner-topbar [aria-current]{text-decoration-thickness:2px;text-decoration-color:#b39a37}
.notebook-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px;text-decoration:none;border-bottom:2px solid #b49a35;margin-top:10px}
.notebook-link:hover{background:#efdb833d}
.inner-intro{padding:60px 0 42px}
.inner-intro h1,.about-opening h1,.animal-story h1,.june-gallery h1{font:clamp(62px,7.5vw,94px)/1 Caslon,Georgia,serif;letter-spacing:-.04em}
.inner-intro h1 em,.about-opening h1 em{font-weight:400;background:linear-gradient(transparent 86%,#e3c650 86%,#e3c650 92%,transparent 92%)}
.inner-intro>p{max-width:660px;margin-top:23px;font-size:17px;line-height:1.75}
.section-jumps{display:flex;gap:28px;margin-top:19px;font-size:14px}
.section-jumps a{display:inline-flex;align-items:center;min-height:44px}
.about-opening{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:65px;padding:58px 0 45px}
.about-opening h1{margin-bottom:27px}
.about-opening .about-deck{font:28px/1.35 Caslon,Georgia,serif;margin:0 0 23px}
.about-introduction>p:not(.about-deck){font-size:16px;line-height:1.85;max-width:610px}
.about-portrait{width:100%;max-width:405px;justify-self:center}
.about-portrait img{display:block;width:100%;height:auto}
.about-portrait figcaption,.animal-portrait figcaption,.animal-gallery figcaption{font:13px/1.6 'Courier New',monospace;text-align:center;margin-top:16px}
.about-body{max-width:750px;margin:0 auto 40px;padding-top:35px;border-top:1px dashed #8b9d9e}
.about-body p{font-size:17px;line-height:1.85}
.about-body p+p{margin-top:23px}
.about-body .notebook-link{margin-top:22px}
.about-read-next{display:flex;justify-content:center;gap:10px 40px;flex-wrap:wrap;border-top:1px solid #a6b1b1;padding:22px 0 0;font-size:14px}
.about-read-next a{display:inline-flex;align-items:center;min-height:44px}
.about-links{display:flex;gap:12px 28px;flex-wrap:wrap;margin-top:14px}
.contact-page{max-width:750px;margin:auto}
.contact-form fieldset{border:0;padding:0;margin:0;min-width:0}
.contact-page .inner-intro{padding-bottom:32px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-form label{display:block;font-size:14px;line-height:1.5;margin-bottom:22px}
.contact-form input,.contact-form textarea{display:block;width:100%;font:16px/1.6 DM,sans-serif;color:inherit;background:#fcf9ef;border:1px solid #87938b;border-radius:0;padding:12px;margin-top:8px}
.contact-form textarea{resize:vertical;min-height:180px}
.contact-form button{font:500 16px/1.5 DM,sans-serif;background:#263e54;color:#f6f2e4;border:0;border-radius:0;padding:13px 24px;cursor:pointer;min-height:48px}
.contact-form button:disabled{opacity:.6;cursor:wait}
.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form button:focus-visible{outline:2px solid #263e54;outline-offset:3px}
.contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.contact-status{min-height:24px;font-size:14px;line-height:1.6;margin-top:18px}
.contact-alternative{font-size:14px;margin-top:20px}
@media(max-width:520px){.contact-fields{grid-template-columns:1fr;gap:0}}
.animal-section{border-top:1px dashed #8b9d9e;padding:30px 0 48px}
.animal-section h2{font:42px/1.1 Caslon,Georgia,serif;letter-spacing:-.02em}
.animal-section-heading{display:flex;align-items:baseline;gap:25px;justify-content:space-between}
.animal-section-heading>p{font-size:14px}
.home-animals{display:grid;grid-template-columns:1.45fr 1fr;align-items:end;gap:80px;max-width:840px;margin:25px auto 0}
.home-dogs>img{display:block;height:365px;width:100%;object-fit:contain}
.home-jade .animal-art img{height:365px}
.dog-names{display:grid;grid-template-columns:1fr 1fr;gap:25px;text-align:center}
.home-jade{text-align:center}
.home-animals h3,.animal-card h3{font:34px/1.15 Caslon,Georgia,serif;letter-spacing:-.01em;margin:19px 0 9px}
.home-animals h3 a,.animal-card h3 a{text-decoration:none;border-bottom:1px solid #a6b1b1}
.home-animals h3 a:hover,.animal-card h3 a:hover{border-color:#263e54}
.home-animals p,.animal-card p{font-size:14px;line-height:1.65}
.animal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 40px;margin-top:36px}
.animal-card{min-width:0}
.animal-art{display:block}
.animal-art img{display:block;width:100%;height:285px;object-fit:contain}
.animal-card h3{font-size:32px}
.animal-card p{max-width:270px}
.back-to-animals{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;font-size:13px}
.animal-opening{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:65px;align-items:center;padding:28px 0 45px}
.animal-portrait img{display:block;width:100%;height:510px;object-fit:contain}
.animal-story{min-width:0}
.animal-status{display:inline-block;font:13px/1.5 'Courier New',monospace;margin:0 0 17px}
.animal-story h1{font-size:clamp(56px,6.5vw,82px)}
.animal-kind{font:24px/1.35 Caslon,Georgia,serif;margin-top:13px}
.animal-prose{margin-top:25px}
.animal-prose p{font-size:16px;line-height:1.85}
.animal-prose p+p{margin-top:18px}
.remembered-date{font-size:13px;line-height:1.7;margin-top:24px}
.june-keepsake{display:flex;align-items:center;gap:12px;margin:18px 0 0}
.june-keepsake img{width:105px;height:105px;object-fit:contain;transform:rotate(-9deg)}
.june-keepsake figcaption{font:14px/1.6 'Courier New',monospace;max-width:150px}
.animal-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px;border-top:1px dashed #8b9d9e;padding:38px 0 45px}
.animal-gallery img{display:block;width:100%;height:420px;object-fit:contain}
.animal-gallery-single{grid-template-columns:1fr}
.animal-gallery-single figure{max-width:540px;justify-self:center;width:100%}
.animal-neighbors{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #a6b1b1;padding-top:22px}
.animal-neighbors a{font:27px/1.25 Caslon,Georgia,serif;min-height:55px;text-decoration:none}
.animal-neighbors a:last-child{margin-left:auto;text-align:right}
.animal-neighbors span{display:block;font:11px/1.7 DM,sans-serif;margin-bottom:5px}
.animal-neighbors a:hover{text-decoration:underline}
.writing-page .inner-intro{padding-bottom:30px}
.archive-context{font-size:13px;line-height:1.75;max-width:700px;margin-bottom:26px}
.notebook-filters{display:flex;flex-wrap:wrap;gap:7px 10px;margin-bottom:32px}
.notebook-filters button{font:13px/1.4 DM,sans-serif;min-height:44px;color:inherit;border:1px solid #a6b1b1;background:transparent;padding:10px 15px;cursor:pointer;border-radius:0}
.notebook-filters button[aria-pressed=true]{background:#eee2ad;border-color:#b49a35}
.notebook-filters button:hover{background:#efdb835c}
.notebook-filters button:focus-visible{outline:3px solid #263e54;outline-offset:3px}
.notebook-post{display:grid;grid-template-columns:190px minmax(0,1fr);gap:40px;border-top:1px solid #a6b1b1;padding:32px 0 37px}
.post-context{font-size:12px;line-height:1.7;padding-top:5px}
.post-context span{display:block;margin-top:12px}
.notebook-post h2{font:36px/1.13 Caslon,Georgia,serif;letter-spacing:-.015em;max-width:760px}
.notebook-post h2 a{text-decoration:none}
.notebook-post h2 a:hover{text-decoration:underline}
.notebook-post p{font-size:15px;line-height:1.75;max-width:680px;margin-top:17px}
.notebook-post .reading-link{margin-top:13px}
.audience-page .inner-intro{padding-bottom:40px;max-width:950px}
.audience-page .inner-intro h1{font-size:clamp(58px,6.2vw,80px);max-width:920px}
.audience-page .inner-intro>p{max-width:700px}
.featured-reading{display:grid;grid-template-columns:190px minmax(0,1fr);gap:40px;border-top:1px dashed #8b9d9e;border-bottom:1px solid #a6b1b1;padding:32px 0 37px}
.feature-label{display:inline;font:14px/1.6 DM,sans-serif;background:linear-gradient(transparent 65%,#efdb8380 65%)}
.feature-note{font-size:12px;line-height:1.75;margin-top:14px;max-width:175px}
.feature-story h2{font:38px/1.16 Caslon,Georgia,serif;letter-spacing:-.015em;max-width:760px}
.feature-story h2 a{text-decoration:none}
.feature-story h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.feature-story>p{font-size:16px;line-height:1.75;max-width:680px;margin-top:18px}
.feature-story .reading-link{margin-top:15px}
.audience-archive{padding-top:42px}
.audience-archive>h2{font:36px/1.15 Caslon,Georgia,serif;letter-spacing:-.02em;margin-bottom:14px}
.audience-archive .archive-context{margin-bottom:23px}
.audience-archive .notebook-post h3{font:500 24px/1.35 DM,sans-serif;letter-spacing:-.015em;max-width:710px}
.audience-archive .notebook-post h3 a{text-decoration:none}
.audience-archive .notebook-post h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.audience-archive .notebook-post p{margin-top:13px}
.audience-next{display:flex;justify-content:space-between;gap:18px 35px;flex-wrap:wrap;border-top:1px dashed #8b9d9e;padding-top:18px;margin-bottom:30px}
.audience-next .notebook-link{font-size:14px}
.june-gallery{padding:48px 0 25px}
.june-gallery header p{font-size:16px;line-height:1.7}
.june-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px}
.june-grid figure>a{display:block}
.june-grid img{width:100%;height:380px;object-fit:contain;display:block}
.june-grid figcaption{border-top:1px solid #a6b1b1;padding-top:18px}
.june-grid h2{font:27px/1.2 Caslon,Georgia,serif;margin-bottom:10px}
.june-grid figcaption a{font-size:13px;display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1000px){
 .inner-home{font-size:23px}.about-opening{gap:35px}.home-animals{gap:40px}
 .animal-grid{gap:36px 25px}.animal-art img{height:235px}.animal-opening{gap:35px}
 .animal-portrait img{height:450px}.animal-gallery img{height:340px}.june-grid img{height:290px}
}
@media(max-width:700px){
 .inner-topbar{align-items:flex-start;gap:12px;flex-direction:column;padding-top:18px}
 .inner-home{max-width:none;padding:4px 0;font-size:25px}
 .inner-topbar nav{width:100%;justify-content:space-between;gap:12px;font-size:13px}
 .inner-intro{padding:38px 0 30px}.inner-intro h1{font-size:64px}
 .inner-intro>p{font-size:16px;margin-top:20px}
 .about-opening{grid-template-columns:1fr;gap:28px;padding:35px 0}
 .about-opening h1{font-size:73px;margin-bottom:23px}
 .about-opening .about-deck{font-size:27px}
 .about-portrait{max-width:315px}
 .about-introduction>p:not(.about-deck),.about-body p{font-size:16px;line-height:1.85}
 .about-body{padding-top:30px}.about-read-next{display:grid;gap:0;text-align:center}
 .about-read-next a{justify-content:center}
 .animal-section h2{font-size:37px}.animal-section-heading{display:block}
 .animal-section-heading>p{margin-top:13px}
 .home-animals{gap:25px}.home-dogs>img,.home-jade .animal-art img{height:250px}
 .home-animals h3{font-size:30px}.home-animals p{font-size:12px}
 .animal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}
 .animal-art img{height:225px}.animal-card h3{font-size:30px}
 .animal-opening{grid-template-columns:1fr;gap:26px;padding-top:22px}
 .animal-story{grid-row:1}.animal-story h1{font-size:65px}
 .animal-portrait{max-width:440px;width:100%;justify-self:center}
 .animal-portrait img{height:auto;max-height:440px}
 .animal-gallery{gap:25px}.animal-gallery img{height:290px}
 .notebook-post{grid-template-columns:1fr;gap:16px;padding:25px 0 30px}
 .post-context{display:flex;flex-wrap:wrap;gap:6px 22px;padding:0}
 .post-context span{margin:0}.notebook-post h2{font-size:33px}
 .featured-reading{grid-template-columns:1fr;gap:20px;padding:26px 0 30px}
 .feature-context{display:flex;gap:12px 24px;align-items:baseline;flex-wrap:wrap}
 .feature-note{max-width:none;margin:0}.feature-story h2{font-size:32px}
 .feature-story>p{font-size:15px}.audience-page .inner-intro{padding-bottom:30px}
 .audience-page .inner-intro h1{font-size:59px}
 .audience-archive{padding-top:32px}.audience-archive>h2{font-size:33px}
 .audience-archive .notebook-post h3{font-size:23px}
 .notebook-filters{gap:8px}.notebook-filters button{font-size:12px;padding:10px 12px}
 .june-grid{grid-template-columns:1fr;gap:35px}
 .june-grid img{height:auto;max-height:520px}.june-gallery h1{font-size:65px}
}
@media(max-width:480px){
 .inner-topbar{display:flex}.inner-intro h1{font-size:58px}
 .home-animals{grid-template-columns:1fr;gap:35px;margin-top:20px}
 .home-dogs>img{height:auto;max-height:310px}
 .home-jade .animal-art img{height:285px}
 .home-animals p{font-size:13px}
 .animal-grid{grid-template-columns:1fr;gap:39px}
 .animal-card{max-width:360px;width:100%;margin:auto}
 .animal-art img{height:300px}
 .animal-card h3{margin-top:17px}.animal-card p{max-width:none}
 .animal-gallery{grid-template-columns:1fr;gap:35px}
 .animal-gallery img{height:auto;max-height:400px}
 .animal-story h1{font-size:61px}
 .animal-neighbors a{font-size:25px}
}