/*
Theme Name: Five After Five 1.2
Description: An editable newspaper theme for five daily stories, with an edition pattern and archive.
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: five-after-five
License: GNU General Public License v2 or later
*/
:root{--paper:#f4f0e7;--ink:#242720;--red:#a63a29;--line:#c8c5ba;--mute:#6b6d62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}.topline{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.5px;padding:13px 4%}header{text-align:center;padding:30px 0 0;max-width:1360px;margin:auto}.brand{font-family:Georgia,serif;font-weight:700;font-size:clamp(52px,8.8vw,118px);letter-spacing:-.025em;word-spacing:.08em;text-decoration:none;line-height:1.05}.dot{color:var(--red)}.strap{display:flex;align-items:center;justify-content:space-between;margin:22px 4% 0;border-top:1px solid var(--ink);padding:13px 0;font-size:11px;font-weight:700;letter-spacing:1.6px}.clock{font-family:Georgia,serif;font-size:24px;letter-spacing:0}.clock small{font-family:Arial;font-size:10px}nav{margin:0 auto;border-block:3px double var(--ink);max-width:1252px;display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:12px}nav div{display:flex;gap:28px}nav a{text-decoration:none}nav a.active{color:var(--red);font-weight:700}nav>span{font-size:9px;letter-spacing:1.6px;color:var(--mute)}main{max-width:1252px;margin:0 auto;min-height:50vh}.editionbar{display:flex;justify-content:space-between;align-items:center;margin:32px 0 24px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.editionbar strong{color:var(--red)}.editionbar .status{display:flex;gap:20px}.intro{display:grid;grid-template-columns:1fr 330px;gap:70px;border-bottom:1px solid var(--ink);padding-bottom:35px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--red);text-transform:uppercase}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(44px,5.2vw,72px);letter-spacing:-3px;line-height:1.05;margin:14px 0 20px;max-width:750px}h1 em{color:var(--red)}.dek{font-family:Georgia,serif;line-height:1.65;font-size:18px;max-width:650px;color:#55584d}.contents{border-left:1px solid var(--line);padding-left:28px}.contents h2{font-family:Arial;font-size:10px;font-weight:700;letter-spacing:1.7px;margin:0 0 20px}.contents a{display:flex;text-decoration:none;gap:15px;border-top:1px solid var(--line);padding:13px 0;font-size:12px;line-height:1.4}.contents b{color:var(--red);font-family:Georgia;font-size:18px;font-weight:400}.notice{font-size:12px;line-height:1.7;border-left:3px solid var(--red);padding:5px 14px;margin-top:24px;color:var(--mute)}.stories{display:grid;grid-template-columns:1fr 300px;gap:65px;margin-top:12px}.story{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:34px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.number{font-family:Georgia;font-size:40px;color:var(--red);line-height:1}.storymeta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700}.storymeta span:last-child{color:var(--mute);font-weight:400}h2{font-size:32px;letter-spacing:-.7px;line-height:1.15;margin:12px 0 18px}.story p{font-family:Georgia,serif;font-size:17px;line-height:1.75;margin:10px 0}.takeaway{font-family:Arial!important;font-size:12px!important;line-height:1.7!important;padding-top:12px}.takeaway b{color:var(--red)}.source{font-size:11px;color:var(--mute);display:inline-block;margin-top:10px}.sidebar{padding-top:35px}.block{border-top:3px solid var(--ink);padding:18px 0 25px;margin-bottom:30px}.block h3{font-size:29px;margin:12px 0}.block p{font-size:13px;line-height:1.8;color:var(--mute)}.timegraphic{font-family:Georgia;font-size:76px;color:var(--red);letter-spacing:-5px;line-height:1.3}.textlink{font-size:12px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.finish{text-align:center;padding:40px 0;border-bottom:3px double var(--ink)}.finish h2{font-size:35px;margin:10px}.finish p{color:var(--mute);font-size:13px}.archivehead{padding:35px 0 25px;border-bottom:1px solid var(--ink)}.archivehead h1{margin-top:20px}.archivefilters{display:flex;justify-content:space-between;gap:20px;padding:24px 0;align-items:center}.archivefilters input{background:transparent;border:1px solid var(--line);padding:12px;width:300px;border-radius:0}.archivefilters span{font-size:11px;color:var(--mute)}.archiveitem{display:grid;grid-template-columns:160px 1fr 40px;gap:25px;padding:30px 0;border-block-end:1px solid var(--line);text-decoration:none}.archiveitem time{font-size:12px;line-height:1.7}.archiveitem h2{margin:0 0 10px}.archiveitem p{font-size:13px;color:var(--mute);line-height:1.6}.archiveitem .arrow{font-size:26px;color:var(--red)}.samplebadge{font-size:9px;letter-spacing:1px;color:var(--red);display:block;margin-top:8px}.empty{padding:60px 0;color:var(--mute)}footer{max-width:1252px;margin:60px auto 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer a{font-family:Georgia;font-weight:700;font-size:25px;letter-spacing:-1px;text-decoration:none}footer p{font-size:11px;color:var(--mute)}footer>span{font-size:8px;letter-spacing:1px}@media(max-width:1350px){main,nav,footer{margin-left:4%;margin-right:4%}}@media(max-width:760px){.topline span:last-child{display:none}.brand{font-size:clamp(40px,9vw,68px);letter-spacing:-.015em;word-spacing:.08em}.strap{font-size:8px;letter-spacing:.5px}.clock{font-size:21px}nav>span{display:none}.editionbar{line-height:1.7;align-items:start;gap:15px}.editionbar .status{display:block;text-align:right}.editionbar .status span{display:block}.intro{grid-template-columns:1fr;gap:25px;padding-bottom:25px}.contents{border-left:0;padding-left:0}.contents a{padding:10px 0}.intro h1{letter-spacing:-2px}.stories{grid-template-columns:1fr;gap:0}.sidebar{display:none}.story{grid-template-columns:35px 1fr;gap:10px}.number{font-size:30px}.story h2{font-size:28px}.story p{font-size:16px}.archiveitem{grid-template-columns:1fr 30px;gap:12px}.archiveitem time{grid-column:1/-1}.archivefilters{align-items:start;flex-direction:column}.archivefilters input{width:100%}footer{align-items:start;flex-direction:column;gap:10px}footer p{margin:0}.editionbar{font-size:9px}}

main + nav{margin-top:32px}

main > .intro{padding-top:30px}

.finish{border-bottom:1px solid var(--ink)}

.sources{margin-top:18px;font-size:12px;color:var(--mute)}.sources summary{cursor:pointer;width:fit-content;padding:7px 0;min-height:32px}.sources summary:hover{color:var(--red)}.sources summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}.source-list{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:4px 0 8px}.source-list .source{margin-top:0;padding:6px 0;line-height:1.5}

.strap{font-size:15px;font-weight:800;letter-spacing:1.8px;padding:19px 0;gap:24px}.strap span:last-child{text-align:right}@media(max-width:760px){.strap{font-size:11px;letter-spacing:1px;line-height:1.5;gap:20px;padding:16px 0}}

.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}
.faf-header{max-width:1360px;margin-inline:auto;padding-top:30px;text-align:center}
.faf-brand{font-family:Georgia,serif;font-weight:700;font-size:clamp(40px,8.8vw,118px);letter-spacing:-.025em;word-spacing:.08em;line-height:1.05;margin:0}
.faf-brand a{text-decoration:none}.faf-brand .dot{color:var(--red)}
.faf-main,.faf-footer{width:92%;max-width:1252px;margin-inline:auto}
.faf-main{min-height:50vh}.faf-footer{padding-block:35px;margin-block-start:40px;border-top:1px solid var(--ink)}
.faf-footer h2{font-weight:700;font-size:32px}.faf-footer p{color:var(--mute);font-size:13px}
.faf-edition .intro{padding-top:30px}.faf-edition h1{font-weight:400}.faf-edition .intro>div{min-width:0}
.faf-stories{counter-reset:story}.faf-story{position:relative;counter-increment:story;padding:34px 0 34px 75px;border-bottom:1px solid var(--line);scroll-margin-top:20px}
.faf-story:before{content:counter(story,decimal-leading-zero);position:absolute;left:0;top:34px;font:40px/1 Georgia,serif;color:var(--red)}
.faf-story p{font:17px/1.75 Georgia,serif;margin:10px 0}.faf-story .faf-category{font:700 10px/1.4 Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase}
.faf-story h2{font-size:32px}.faf-story .sources p{font:12px/1.5 Arial,sans-serif;padding:4px 0}.sources a{color:var(--mute)}
.faf-toc>p{font-size:12px;color:var(--mute)}.faf-toc nav{display:block;border:0;padding:0;margin:0;font-size:12px}.faf-toc nav a{display:flex}
.faf-archive article{padding-block:28px;border-bottom:1px solid var(--line)}.faf-archive h2 a{text-decoration:none}.faf-archive .wp-block-post-date{font-size:12px;color:var(--mute)}
.editor-styles-wrapper .faf-toc{min-height:80px}
@media(max-width:760px){.faf-brand{font-size:clamp(40px,9vw,68px);letter-spacing:-.015em}.faf-story{padding-left:45px}.faf-story:before{font-size:30px}.faf-story h2{font-size:28px}.faf-story p{font-size:16px}}

/* Restore the newspaper presentation above WordPress global block defaults. */
:is(body, .editor-styles-wrapper) .faf-edition{max-width:none;margin:0}
:is(body, .editor-styles-wrapper) .faf-edition .faf-story{display:block;position:relative;counter-increment:story;padding:34px 0 34px 75px;border-bottom:1px solid #c8c5ba;margin:0}
:is(body, .editor-styles-wrapper) .faf-edition .faf-stories{counter-reset:story}
:is(body, .editor-styles-wrapper) .faf-edition .faf-story:before{content:counter(story,decimal-leading-zero);position:absolute;left:0;top:34px;font:40px/1 Georgia,serif;color:#a63a29}
:is(body, .editor-styles-wrapper) .faf-edition .faf-story>p{font-family:Georgia,serif!important;font-size:17px!important;line-height:1.75!important;margin:10px 0!important}
:is(body, .editor-styles-wrapper) .faf-edition .faf-story>.faf-category{font-family:Arial,Helvetica,sans-serif!important;font-size:10px!important;line-height:1.4!important;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
:is(body, .editor-styles-wrapper) .faf-edition .faf-story>h2{font-family:Georgia,serif!important;font-size:32px!important;font-weight:400!important;line-height:1.15!important;letter-spacing:-.7px;margin:12px 0 18px!important}
body.single .wp-block-post-title{display:none}
:is(body, .editor-styles-wrapper) .faf-edition h1{font-family:Georgia,serif;font-size:clamp(44px,5.2vw,72px);line-height:1.05;font-weight:400;letter-spacing:-3px;margin:14px 0 20px}
body .faf-header .faf-brand{font-family:Georgia,serif;font-weight:700;font-size:clamp(40px,8.8vw,118px);letter-spacing:-.025em;word-spacing:.08em;line-height:1.05}
body .faf-edition .contents a{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4;border-top:1px solid #c8c5ba;padding:13px 0}
body .faf-edition .sources{margin-top:18px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#6b6d62}
body .faf-edition .sources p{font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:1.5!important}
@media(max-width:760px){body .faf-header .faf-brand{font-size:clamp(40px,9vw,68px);letter-spacing:-.015em}:is(body, .editor-styles-wrapper) .faf-edition .faf-story{padding-left:45px}:is(body, .editor-styles-wrapper) .faf-edition .faf-story:before{font-size:30px}:is(body, .editor-styles-wrapper) .faf-edition .faf-story>h2{font-size:28px!important}:is(body, .editor-styles-wrapper) .faf-edition .faf-story>p{font-size:16px!important}:is(body, .editor-styles-wrapper) .faf-edition .faf-story>.faf-category{font-size:9px!important}:is(body, .editor-styles-wrapper) .faf-edition h1{letter-spacing:-2px}}

/* Keep the Site Editor and public templates on the same type scale. */
header.wp-block-template-part{max-width:none;padding:0;margin:0;text-align:initial}
.topline p{margin:0;font:700 9px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1.5px}
.faf-edition .eyebrow{font:700 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1.8px;color:var(--red)}
.faf-edition .dek{font:18px/1.65 Georgia,serif;color:#55584d;max-width:650px}
.faf-edition .sidebar .block p{font:13px/1.8 Arial,Helvetica,sans-serif;color:var(--mute)}
.faf-edition .sidebar .block .eyebrow{font:700 10px/1.4 Arial,Helvetica,sans-serif;color:var(--red);letter-spacing:1.8px}
.faf-header .strap p{margin:0;font:inherit;letter-spacing:inherit}
.faf-header .strap p:last-child{text-align:right}
.faf-edition .contents h2{font:700 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1.7px}
.faf-edition .finish{border-bottom:1px solid var(--ink)}
@media(max-width:760px){.topline p:last-child{display:none}.faf-header{padding-top:30px}.faf-edition .dek{font-size:18px}}