/* Today's paper (/paper): one long page on a framed cream sheet — warm stone, deep green, a tight grotesk,
   rounded photographs and hairline rules. */
:root{--st:#e4dfd4;--sheet:#efebe3;--card:#e8e3d8;--ink:#1d2a21;--ink2:#4c5a4f;--mute:#8b9188;--green:#25432c;--green2:#3b6342;--rule:#d8d2c5;
--disp:'Inter Tight','Inter',system-ui,sans-serif;--ui:'Inter',system-ui,sans-serif;--r:14px;color-scheme:light}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body.pp{background:var(--st);color:var(--ink);font:400 15px/1.6 var(--ui);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--green2);outline-offset:3px;border-radius:4px}

/* the sheet */
.pp-frame{width:min(1240px,calc(100% - 48px));margin:28px auto 40px;background:var(--sheet);border-radius:22px;padding:0 clamp(18px,3.4vw,44px) 28px;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 30px 60px -40px rgba(60,50,30,.35)}

/* bar */
.pp-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;height:72px;margin:0 calc(-1 * clamp(18px,3.4vw,44px));padding:0 clamp(18px,3.4vw,44px);background:rgba(239,235,227,.92);backdrop-filter:blur(10px);border-radius:22px 22px 0 0;border-bottom:1px solid transparent;transition:border-color .3s}
.pp-bar.stuck{border-bottom-color:var(--rule)}
.pp-logo img{height:20px;width:auto}
.pp-date{font:500 12.5px/1 var(--ui);color:var(--ink2)}
.pp-tools{margin-left:auto;display:flex;align-items:center;gap:8px}
.pp-tool{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:9px;background:var(--card);font:500 13px/1 var(--ui);color:var(--ink);transition:background .2s,color .2s}
.pp-tool:hover{background:#ddd7ca}
.pp-tool[aria-pressed="true"],.pp-tool[aria-expanded="true"],.pp-menu-b{background:var(--green);color:#f1efe8}
.pp-menu-b:hover,.pp-tool[aria-pressed="true"]:hover{background:var(--green2)}
.pp-tool i{width:15px;height:15px;flex:none;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ic-say{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M18.5 5.5a9 9 0 0 1 0 13'/%3E%3C/svg%3E")}
.ic-music{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 18V5l11-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='17' cy='16' r='3'/%3E%3C/svg%3E")}
.ic-menu{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h10'/%3E%3C/svg%3E")}
.pp-menu{position:relative}
.pp-drop{position:absolute;right:0;top:calc(100% + 10px);min-width:230px;display:grid;padding:8px;background:#f6f3ec;border:1px solid var(--rule);border-radius:14px;box-shadow:0 24px 50px -20px rgba(40,40,20,.35)}
.pp-drop[hidden]{display:none}
.pp-drop a,.pp-drop button{display:block;text-align:left;padding:10px 12px;border-radius:8px;font:500 14px/1.2 var(--ui)}
.pp-drop a:hover,.pp-drop button:hover{background:var(--card)}
.pp-drop a[aria-current]{color:var(--green);font-weight:600}
.pp-drop a:nth-last-child(2){border-top:1px solid var(--rule);margin-top:6px;padding-top:14px;border-radius:0 0 8px 8px}

/* type */
.pp-meta,.pp-dot{display:block;font:500 11px/1.3 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.pp-dot{display:inline-flex;align-items:center;gap:8px}
.pp-dot::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--green2)}
h1,h2,h3{font-family:var(--disp);color:var(--ink);letter-spacing:-.02em}
h2 em,h1 em{font-style:italic;color:var(--green)}
h3 a:hover,h2 a:hover{color:var(--green2)}
.pp-dek{font:500 16px/1.5 var(--ui);color:var(--ink)}
.pp-tx p:not(.pp-dek),.pp-leadtx p:not(.pp-dek){color:var(--ink2);font-size:14.5px}
p+p{margin-top:.7em}
.pp-more{display:inline-flex;align-items:center;gap:6px;font:600 11.5px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:4px}
.pp-more:hover{color:var(--green2)}
.pp-act{display:flex;align-items:center;gap:18px;margin-top:16px}
.pp-say{display:inline-flex;align-items:center;gap:6px;font:600 11.5px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--green2)}
.pp-say i{width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7'/%3E%3C/svg%3E") center/contain no-repeat}
.pp-say:hover{color:var(--green)}
figure{overflow:hidden;border-radius:var(--r);background:var(--card)}
figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
article:hover figure img,.pp-g:hover figure img{transform:scale(1.03)}

/* masthead */
.pp-mast{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:32px;padding:clamp(28px,4vw,56px) 0 clamp(22px,2.6vw,34px)}
.pp-title{font:700 clamp(52px,8.6vw,118px)/.9 var(--disp);letter-spacing:-.045em;text-transform:uppercase;color:var(--green)}
.pp-title em{font-weight:700}
.pp-intro{display:grid;gap:16px;justify-items:start;max-width:360px;justify-self:end;padding-bottom:8px}
.pp-intro p{font:500 14.5px/1.5 var(--ui);color:var(--ink2)}

/* lead */
.pp-leadph{aspect-ratio:21/9}
.pp-leadtx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);padding:clamp(20px,2.6vw,32px) 0 clamp(26px,3vw,40px);border-bottom:1px solid var(--rule)}
.pp-leadtx h2{font:600 clamp(28px,3.2vw,44px)/1.08 var(--disp);margin-top:12px}
.pp-leadtx .pp-dek{font-size:17px;margin-bottom:12px}

/* also today */
.pp-briefs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid var(--rule)}
.pp-brief{padding:24px 24px 26px 0}
.pp-brief+.pp-brief{padding-left:24px;border-left:1px solid var(--rule)}
.pp-brief h3{font:600 19px/1.22 var(--disp);margin:10px 0 8px}
.pp-brief .pp-dek{font-size:14px;color:var(--ink2);font-weight:400}

/* sections */
.pp-sec{padding:clamp(40px,5vw,72px) 0 clamp(10px,2vw,20px);border-bottom:1px solid var(--rule)}
.pp-sech{display:grid;justify-items:center;text-align:center;gap:12px;margin-bottom:clamp(24px,3vw,40px);position:relative}
.pp-sech h2{font:500 clamp(28px,3.4vw,42px)/1.05 var(--disp)}
.pp-sech .pp-more{position:absolute;right:0;bottom:6px}
.pp-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3.4vw,48px);align-items:center;margin-bottom:clamp(26px,3vw,40px)}
.pp-top .pp-ph{aspect-ratio:4/3}
.pp-top h3{font:600 clamp(24px,2.5vw,34px)/1.1 var(--disp);margin:12px 0 14px}
.pp-top .pp-dek{margin-bottom:10px}
.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(18px,2.4vw,30px);padding-bottom:clamp(26px,3vw,40px)}
.pp-card .pp-ph{aspect-ratio:3/2;margin-bottom:14px}
.pp-card h3{font:600 19px/1.22 var(--disp);margin:8px 0 8px}
.pp-card .pp-dek{font-size:14.5px;font-weight:400;color:var(--ink2)}
.pp-card .pp-tx p:not(.pp-dek){display:none}
.pp-card .pp-act{margin-top:12px}

/* near me */
.pp-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);padding-bottom:clamp(26px,3vw,40px)}
.pp-g .pp-ph{aspect-ratio:4/5;margin-bottom:12px}
.pp-g h3{font:600 18px/1.22 var(--disp);margin-top:6px}
.pp-when{display:block;margin-top:6px;font:500 13px/1.3 var(--ui);color:var(--green2)}

.pp-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;font:500 12px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.pp-foot a:hover{color:var(--green)}

/* read aloud: the story being read */
[data-say].saying{position:relative}
[data-say].saying::before{content:'';position:absolute;inset:-10px -14px;border-radius:16px;background:rgba(59,99,66,.08);box-shadow:inset 3px 0 0 var(--green2);pointer-events:none}

@media (max-width:900px){
  .pp-mast,.pp-leadtx,.pp-top{grid-template-columns:1fr}
  .pp-intro{justify-self:start}
  .pp-leadph{aspect-ratio:16/10}
  .pp-briefs{grid-template-columns:1fr}
  .pp-brief,.pp-brief+.pp-brief{padding:20px 0;border-left:0}
  .pp-brief+.pp-brief{border-top:1px solid var(--rule)}
  .pp-guide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-sech .pp-more{position:static}
}
@media (max-width:620px){
  .pp-frame{width:100%;margin:0;border-radius:0;padding:0 16px 24px}
  .pp-bar{height:60px;margin:0 -16px;padding:0 16px;border-radius:0;gap:10px}
  .pp-date{display:none}
  .pp-logo img{height:17px}
  .pp-tool{height:34px;padding:0 10px}
  .pp-tool span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pp-guide{grid-template-columns:1fr 1fr;gap:14px}
  .pp-g h3{font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}figure img{transition:none}}
@media print{
  body.pp{background:#fff}.pp-frame{width:100%;margin:0;box-shadow:none;border-radius:0;padding:0}
  .pp-bar{position:static}.pp-tools,.pp-say,.lp{display:none!important}
  .pp-sec{break-before:page}
  @page{margin:12mm}
}