@import url("device.css");
/* Private Weather alone loads these local fonts and styles. */
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('assets/eb-garamond-latin-normal.woff2') format('woff2');}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('assets/eb-garamond-latin-italic.woff2') format('woff2');}
.pw-credit-link{display:inline-block;margin-top:32px;color:var(--mist);opacity:.65;font:400 13px/1.5 var(--reading-font);text-decoration:none;}
.pw-credit-link:hover{opacity:1;text-decoration:underline;text-underline-offset:3px;}
.pw-credit-link:focus-visible{outline:1px solid currentColor;outline-offset:5px;}

/* Only the two Private Weather pages use these rules. */
.pw-directory-layer{overflow-y:auto;align-items:safe center;}
.pw-directory{width:min(660px,100%);padding:0;}
.pw-directory .eyebrow{margin:0 0 26px;font-weight:400;}
.pw-writing-list{margin:0;padding:0;list-style:none;}
.pw-writing-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0 24px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--bone);transition:opacity .2s,padding-left .2s;}
.pw-writing-link h2{font:italic 400 clamp(31px,2.75vw,42px)/1.12 var(--reading-font);letter-spacing:-.025em;margin:0;}
.pw-writing-link .pw-entry-arrow{font:400 24px/1 var(--reading-font);opacity:.65;}
.pw-writing-link:hover{opacity:.72;padding-left:10px;}
.pw-writing-link:focus-visible{outline:1px solid var(--bone);outline-offset:10px;}
.pw-writing-pending{color:#a5afa8;cursor:default;transition:none;}
.pw-writing-pending:hover{opacity:1;padding-left:0;}
.pw-writing-pending h2[lang="zh-CN"]{font-style:normal;}


.pw-directory-layer{animation:none;}
.pw-reading-page .site-header{transition:opacity 1100ms ease;}
.pw-reading-page .site-environment{transition:opacity 1300ms ease;}
.pw-reading-page .pw-silence{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#111613;opacity:0;transition:opacity 1300ms ease;}
.pw-reading-page[data-reading="active"] .site-header{opacity:.10;pointer-events:none;}
.pw-reading-page[data-reading="active"] .site-environment{opacity:.045;}
.pw-reading-page[data-reading="active"] .pw-silence{opacity:.94;}
.pw-reading-page .pw-reading-stage{animation:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;padding:100px 16px 70px;overflow:auto;overscroll-behavior:contain;}
.pw-reading-stage .pager{width:min(800px,100%,calc((100svh - 170px) * 1.328486));flex:none;}
.pw-return{position:fixed;z-index:21;top:88px;left:4.2vw;display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#b8c1ba;text-decoration:none;font:400 16px/1.3 var(--reading-font);letter-spacing:.01em;transition:color .4s ease;}
.pw-return:hover{color:#e4e1d9;}
.pw-return:focus-visible{outline:1px solid #d0d5c9;outline-offset:6px;}
.pw-reading-page[data-reading="active"] .pw-return{color:#929e93;}
.pw-reading-page[data-reading="active"] .pw-return:hover{color:#d0d5c9;}
.pw-reading-stage .hotspot:active{background:linear-gradient(#0000002b,#00000018);box-shadow:inset 0 2px 4px #0000004d;}
@media(max-width:960px){
 .pw-directory-layer{padding:104px 28px 28px;align-items:flex-start;}
 .pw-directory{margin-top:clamp(54px,14svh,118px);}
 .pw-directory .eyebrow{font-size:15px;margin-bottom:23px;}
 .pw-writing-link{padding:14px 0 22px;gap:16px;}
 .pw-writing-link h2{font-size:34px;}
 .pw-return{top:76px;left:24px;font-size:15px;}
 .pw-reading-page .pw-reading-stage{padding:106px 4px 16svh;}
 .pw-reading-stage .pager{width:min(800px,100%);}
}
@media(max-width:360px){.pw-directory-layer{padding-left:24px;padding-right:24px;}.pw-writing-link h2{font-size:31px;}}
@media(max-height:560px){
 .pw-return{top:64px;left:24px;}
 .pw-directory{margin-top:12px;}
 .pw-reading-page .pw-reading-stage{padding:92px 10px 12px;}
 .pw-reading-stage .pager{width:min(800px,100%,calc((100svh - 104px) * 1.328486));}
}
@media(prefers-reduced-motion:reduce){.pw-reading-page .site-header,.pw-reading-page .site-environment,.pw-reading-page .pw-silence,.pw-return{transition:none;}}

/* Approved B study: use the original calligraphy font only for this title. */
@font-face{font-family:PW Cao;src:url('assets/LiuJianMaoCao-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:block;}
.pw-writing-cursive{height:calc(clamp(31px,2.75vw,42px) * 1.12 + 41px);padding-top:0;padding-bottom:0;}
.pw-writing-pending h2.pw-title-cursive{font-family:PW Cao,serif;font-size:clamp(31px,2.5vw,38px);font-style:normal;line-height:1.3;letter-spacing:0;}
@media(max-width:960px){
 .pw-writing-cursive{height:calc(34px * 1.12 + 37px);}
 .pw-writing-pending h2.pw-title-cursive{font-size:31px;}
}