/* Practical Precepts — an original American broadsheet-inspired edition. */
:root{--ink:#141414;--paper:#faf9f6;--faded:#595752;--line:#c8c4bb;--accent:#8f1d21;--display:"Newsreader",Georgia,serif;--text:"Source Serif 4",Georgia,serif;--sans:"Libre Franklin",Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.65 var(--text)}a{color:inherit}a:hover{text-decoration-color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}p{margin:0 0 1rem}.newspaper{width:min(1320px,100%);min-height:100vh;margin:auto;padding:20px 36px 24px}.masthead{border-bottom:3px double var(--ink)}.top-rule,.publication-line{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;font:0.75rem/1.5 var(--sans);letter-spacing:.08em;padding:9px 0}.top-rule{border-bottom:1px solid var(--line);text-transform:uppercase}.top-rule span:nth-child(2),.publication-line span:nth-child(2){text-align:center}.top-rule span:last-child,.publication-line span:last-child{text-align:right}.nameplate{display:block;text-align:center;text-decoration:none;font:clamp(3rem,7.5vw,6.5rem)/1.1 var(--display);letter-spacing:-.025em;padding:17px 0 19px}.publication-line{border-top:1px solid var(--line)}.front-nav{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-bottom:1px solid var(--ink)}.front-nav a{padding:16px 24px;text-decoration:none;display:grid;grid-template-columns:1fr;gap:3px}.front-nav a:first-child{border-right:1px solid var(--line)}.front-nav small{font:0.75rem/1.5 var(--sans);color:var(--faded);letter-spacing:.065em;text-transform:uppercase}.front-nav strong{font-size:1.75rem;line-height:1.3}.front-nav span{font-size:.875rem;color:var(--faded)}.front-nav a:hover strong{color:var(--accent)}.front-nav a[href="/journal-entries/"] strong{white-space:nowrap}
.front-page{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.85fr) minmax(0,1fr);gap:26px;padding:28px 0}.latest-column{border-right:1px solid var(--line);padding-right:24px}.lead-story{padding-right:26px;border-right:1px solid var(--line)}.kicker,.section-flag{font:700 .75rem/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}.lead-story h1{font:700 clamp(2.5rem,4.5vw,4.2rem)/1.08 var(--text);letter-spacing:-.045em;margin:0 0 16px}.subhead{font-size:1.125rem;line-height:1.55;color:var(--faded);margin:0 0 18px}.byline{font:.75rem/1.6 var(--sans);color:var(--faded);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0}.story-copy{padding-top:20px;line-height:1.8}.story-copy p{margin-bottom:16px}.verse{font:700 .75rem var(--sans);vertical-align:super;color:var(--accent);margin-right:3px}.latest-column article+article,.side-column article+article{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.latest-column h2,.side-column h2{font-size:1.5rem;line-height:1.25;letter-spacing:-.025em;margin:8px 0 12px}.latest-column h2 a,.side-column h2 a{text-decoration:none}.latest-column h2 a:hover,.side-column h2 a:hover{text-decoration:underline}.latest-column p,.side-column p{font-size:1rem;line-height:1.65}.article-meta{font:.75rem/1.6 var(--sans);color:var(--faded);margin-bottom:10px}.read-link{font:700 .875rem/1.5 var(--sans);text-underline-offset:4px}.ornament{display:none}footer{border-top:3px double var(--ink);padding-top:16px;margin-top:20px;font:.75rem/1.6 var(--sans);color:var(--faded);text-align:center}
.article-edition{max-width:1320px}.compact-masthead .nameplate{font-size:clamp(3rem,6vw,5rem)}.edition-nav{display:flex;justify-content:center;gap:28px;padding:12px 0;border-bottom:1px solid var(--ink);font:700 .875rem/1.5 var(--sans)}.edition-nav a{text-decoration:none}.edition-nav a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}.section-banner{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;line-height:1.2;letter-spacing:-.035em;border-bottom:2px solid var(--ink);padding:27px 0 18px}.issue-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0}.issue-index a{display:flex;flex-direction:column;padding:25px 24px;border-bottom:1px solid var(--line);text-decoration:none;min-width:0}.issue-index a:not(:nth-child(3n)){border-right:1px solid var(--line)}.issue-index strong{font-size:1.5rem;line-height:1.3;letter-spacing:-.025em;margin:10px 0 14px}.issue-index a:hover strong{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.issue-index time,.issue-index span{font:.75rem/1.6 var(--sans);color:var(--faded)}.issue-index span{margin-top:auto}.journal-index{grid-template-columns:minmax(0,680px);justify-content:start}.journal-index a{padding-left:0;border-right:0!important}.journal-index strong{font-size:2rem}.sermon-content{display:none;max-width:800px;margin:0 auto}.sermon-content.is-open{display:block}.sermon{display:none;padding:24px 0 35px;scroll-margin-top:24px}.sermon.is-active{display:block}.reading .issue-index{display:none}.reading .section-banner{font-size:1.5rem;padding:18px 0}.sermon-header h1{font-size:clamp(2.25rem,4.7vw,3.7rem);line-height:1.13;letter-spacing:-.04em;margin:15px 0 20px}.sermon-header .subhead{font-size:1.25rem}.sermon-header blockquote{font-size:1.2rem;font-style:italic;line-height:1.65;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:26px 0 36px;padding:22px 0}.sermon-header cite,section blockquote cite{display:block;font:700 .75rem/1.6 var(--sans);margin-top:10px}.sermon section{margin:34px 0}.sermon section h2,.imported-sermon .sermon-notes>h2{font-size:1.75rem;line-height:1.3;margin:32px 0 14px;padding-bottom:9px;border-bottom:1px solid var(--line);letter-spacing:-.02em}.sermon section h3{font-size:1.3rem;line-height:1.4;margin:25px 0 10px}.text-ref{font:700 .875rem/1.5 var(--sans);color:var(--faded);margin:8px 0 18px}.sermon ul{padding-left:24px;line-height:1.8}.sermon li{margin:8px 0}.sermon section>p,.imported-sermon .sermon-notes>p{font-size:1.125rem;line-height:1.85}.sermon section blockquote,.imported-sermon .sermon-notes blockquote{font-size:1.125rem;font-style:italic;border-left:3px solid var(--accent);padding:5px 0 5px 22px;margin:25px 0}.word-note{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0;margin:28px 0}.word-note>strong,.central-truth>span{display:block;font:700 .875rem/1.5 var(--sans);letter-spacing:.05em;margin-bottom:12px}.word-note p{margin:8px 0}.pull-quote{font-size:1.65rem!important;line-height:1.5!important;font-weight:700;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 0;margin:30px 0!important}.central-truth{border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 0;margin:35px 0}.central-truth p{font-size:1.4rem;line-height:1.55}.questions li{font-weight:700}.article-edition footer{display:flex;justify-content:space-between;gap:20px}.article-edition footer a{font-weight:700;text-decoration:none}.back-index{display:inline-block;font:700 .875rem/1.5 var(--sans);margin-top:25px;text-underline-offset:4px}.imported-sermon .sermon-notes hr{border:0;border-top:1px solid var(--line);margin:32px 0}.everyday-page .section-banner{white-space:normal;text-wrap:balance}
@media(min-width:1150px){.story-copy{columns:2;column-gap:24px}.story-copy p{break-inside:avoid}}
@media(max-width:1000px){.front-page{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.lead-story{grid-column:1;grid-row:1}.side-column{grid-column:2;grid-row:1}.latest-column{grid-column:1/-1;grid-row:2;border-right:0;border-top:1px solid var(--ink);padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.latest-column>.section-flag{grid-column:1/-1;margin:0}.latest-column article+article{border-top:0;border-left:1px solid var(--line);padding:0 0 0 24px;margin:0}.issue-index{grid-template-columns:repeat(2,minmax(0,1fr))}.issue-index a:not(:nth-child(3n)){border-right:0}.issue-index a:nth-child(odd){border-right:1px solid var(--line)}.journal-index{grid-template-columns:minmax(0,680px)}}
@media(max-width:680px){.newspaper{padding:10px 18px 22px}.top-rule{grid-template-columns:1fr;text-align:center}.top-rule span:first-child,.top-rule span:last-child{display:none}.publication-line{font-size:.75rem;gap:6px;letter-spacing:0}.nameplate,.compact-masthead .nameplate{font-size:clamp(2.4rem,10.3vw,4.4rem);padding:18px 0}.front-nav{grid-template-columns:1fr}.front-nav a{padding:14px 0}.front-nav a:first-child{border-right:0;border-bottom:1px solid var(--line)}.front-nav strong{font-size:1.6rem}.front-page{display:flex;flex-direction:column;gap:24px;padding-top:24px}.lead-story{order:0;border-right:0;padding:0}.latest-column{order:1}.side-column{order:2;border-top:1px solid var(--ink);padding-top:24px}.latest-column{display:block}.latest-column article{margin-top:20px}.latest-column article+article{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;margin-top:20px}.lead-story h1{font-size:2.8rem}.edition-nav{gap:18px;font-size:.875rem;flex-wrap:wrap}.issue-index{grid-template-columns:1fr}.issue-index a{padding:22px 0;border-right:0!important}.everyday-page .section-banner{font-size:clamp(1.6rem,7.7vw,2.5rem)}.article-edition footer{flex-wrap:wrap}.article-edition footer span{order:3;width:100%}.sermon-header h1{font-size:2.25rem}.sermon section h2,.imported-sermon .sermon-notes>h2{font-size:1.5rem}}
/* Newspaper masthead and lower-front-page weather desk. */
:root{--display:"Roboto Condensed","Arial Narrow",Arial,sans-serif}.nameplate{font-weight:700;letter-spacing:.045em;text-transform:uppercase;font-stretch:condensed}
.weather-report{border-top:3px double var(--ink);border-bottom:1px solid var(--line);padding:18px 0 0;margin-top:14px}.weather-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.weather-grid article{padding:0 18px 18px;min-width:0}.weather-grid article+article{border-left:1px solid var(--line)}.weather-grid h2{font:700 1rem/1.3 var(--sans);margin:0 0 8px;letter-spacing:.01em}.weather-grid p{font-size:.95rem;line-height:1.55;margin:0}.newspaper>footer{padding-top:14px;margin-top:20px;font:.625rem/1.55 var(--sans);letter-spacing:.01em;text-align:justify}
.top-rule a{color:inherit;text-decoration:none}.top-rule a:hover{text-decoration:underline;text-underline-offset:3px}
.top-rule>*:last-child{justify-self:end;text-align:right}
@media(max-width:1000px){.weather-grid{grid-template-columns:1fr 1fr}.weather-grid article:nth-child(3){border-left:0}.weather-grid article:nth-child(n+3){border-top:1px solid var(--line);padding-top:18px}}
@media(max-width:680px){.weather-grid{grid-template-columns:1fr}.weather-grid article{padding:16px 0;border-left:0!important;border-top:1px solid var(--line)}.weather-grid article:first-child{border-top:0;padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Three-way front-page navigation, including the Editor's Desk. */
.front-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.front-nav a:not(:last-child){border-right:1px solid var(--line)}.front-nav a:first-child{border-right:1px solid var(--line)}.front-nav strong{font-size:1.6rem}
@media(max-width:680px){.front-nav{grid-template-columns:1fr}.front-nav a:not(:last-child),.front-nav a:first-child{border-right:0;border-bottom:1px solid var(--line)}}

/* Let the longer section name wrap when space is limited. */
.front-nav a[href="/journal-entries/"] strong{white-space:normal}
