/* The blog (/blog and /blog/<slug>). Loaded on those pages only, after styles.css.
   Every post wears the clothes of its subject: `.post.look-*` sets a header treatment, a palette and a type pairing.
   The body text underneath stays readable and the same width everywhere; the look lives in the head, the rules,
   the ornament and the accent. Fonts: the site's Archivo and Source Sans 3, plus the showroom's self-hosted
   Fraunces, Archivo Black, IBM Plex Mono and Nunito (declared here again so blog pages don't depend on showroom.css). */

@font-face{font-family:"Fraunces";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fraunces-700.woff2) format("woff2")}
@font-face{font-family:"Archivo Black";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-black-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/nunito-400.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/nunito-700.woff2) format("woff2")}

:root{--mono:"IBM Plex Mono",Consolas,monospace;--serif:"Fraunces",Georgia,serif;--black:"Archivo Black",Arial,sans-serif;--round:"Nunito",Arial,sans-serif}

/* ------------------------------------------------------------ the index */
.blog-week{padding-block:0 8px}
.blog-week h2{font-size:1.1rem;color:var(--ink-2);font-weight:600;margin-bottom:10px}
.week-list{margin:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.week-list > div{padding:12px 12px 14px 0;border-right:1px solid var(--line);scroll-margin-top:16px}
.week-list > div:last-child{border-right:0}
.week-list dt{font-family:var(--display);font-weight:600;font-size:.95rem;line-height:1.2;margin-bottom:6px}
.week-list dd{margin:0;font-size:.82rem;color:var(--ink-2);line-height:1.4}
@media (max-width:900px){.week-list{grid-template-columns:repeat(2,1fr)}.week-list > div{padding-right:14px}.week-list > div:nth-child(2n){border-right:0}}
@media (max-width:520px){.week-list{grid-template-columns:1fr}.week-list > div{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.week-list > div:last-child{border-bottom:0}}
.blog-posts{padding-top:24px}
.blog-month{font-size:1.05rem;color:var(--ink-2);font-weight:600;margin:28px 0 8px;letter-spacing:.02em}
.blog-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.blog-item a{display:grid;grid-template-columns:4.2rem minmax(0,1fr) auto;gap:0 18px;align-items:start;padding:16px 0 18px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.blog-item a:hover .bi-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.bi-day{display:grid;justify-items:center;align-content:start;font:800 1.7rem/1 var(--display);letter-spacing:-.03em;padding-top:2px}
.bi-day b{font:600 .72rem/1.2 var(--body);color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.bi-main{display:grid;gap:3px;min-width:0}
.bi-series{font-size:.82rem;color:var(--accent);font-weight:600}
.bi-title{font:600 1.2rem/1.25 var(--display);letter-spacing:-.015em}
.bi-sum{color:var(--ink-2);font-size:.98rem}
.bi-look{align-self:center;font:500 .68rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line);padding:6px 8px;border-radius:2px;white-space:nowrap}
.blog-item.look-receipt .bi-look{font-family:var(--mono);border-style:dashed}
.blog-item.look-search .bi-look{color:#1F4E9A;border-color:#1F4E9A}
.blog-item.look-letter .bi-look{font-family:var(--serif);text-transform:none;letter-spacing:0;font-size:.8rem}
.blog-item.look-jobsheet .bi-look{border:2px solid var(--ink);color:var(--ink)}
.blog-item.look-stopwatch .bi-look{border-radius:999px}
.blog-item.look-postcard .bi-look{border-style:dotted;border-color:#B84E15;color:#B84E15}
.blog-item.look-notice .bi-look{background:var(--tint);border-color:#EBD38F}
.blog-item.look-menu .bi-look{background:#1E2A24;color:#F3EBD6;border-color:#1E2A24}
.blog-item.look-window .bi-look{background:repeating-linear-gradient(90deg,#D7261A 0 6px,#fff 6px 12px);color:var(--ink);border:1px solid var(--ink)}
.blog-item.look-blueprint .bi-look{background:#1F4E9A;color:#fff;border-color:#1F4E9A}
.blog-item.look-calendar .bi-look{border-top:4px solid #D7261A}
.blog-item.look-ledger .bi-look{font-family:var(--mono);background:#F6F1E7;border-color:#D9CFBD}
@media (max-width:600px){.blog-item a{grid-template-columns:3.4rem 1fr}.bi-look{display:none}.bi-day{font-size:1.4rem}}

/* ------------------------------------------------------------ a post: shared bones */
.post{--p-bg:var(--bg);--p-ink:var(--ink);--p-mute:var(--ink-2);--p-acc:var(--accent);--p-rule:var(--line);--p-head:var(--display);--p-body:var(--body);--p-weight:800;--p-case:none;--p-ls:-.03em}
.post-head{background:var(--p-bg);color:var(--p-ink);padding-block:clamp(36px,3rem + 2vw,80px) clamp(26px,2vw,44px);position:relative;overflow:hidden}
.post-kicker{margin:0 0 14px;font-size:.92rem;color:var(--p-mute);display:flex;flex-wrap:wrap;gap:0 8px}
.post-kicker a{color:var(--p-acc);font-weight:600;text-decoration:none}
.post-kicker a:hover{text-decoration:underline}
.post-head h1{font-family:var(--p-head);font-weight:var(--p-weight);text-transform:var(--p-case);letter-spacing:var(--p-ls);font-size:clamp(2rem,1.3rem + 3vw,3.6rem);line-height:1.04;max-width:18ch;margin-bottom:.35em}
.post-summary{font-size:clamp(1.1rem,1rem + .5vw,1.35rem);color:var(--p-mute);max-width:46ch;margin:0}
.post-orn{margin-top:22px;height:6px;width:64px;background:var(--p-acc)}
.post-body{padding-block:clamp(28px,3vw,44px) 10px;font-family:var(--p-body);font-size:1.08rem;line-height:1.6}
.post-body > *{max-width:66ch}
.post-body h2{font-family:var(--p-head);font-size:1.5rem;margin:1.6em 0 .5em;letter-spacing:-.02em;font-weight:700}
.post-body h3{font-size:1.15rem;margin:1.4em 0 .4em}
.post-body p{margin:0 0 1.1em}
.post-body ul,.post-body ol{padding-left:1.3em;margin:0 0 1.2em}
.post-body li{margin:.35em 0}
.post-body li::marker{color:var(--p-acc);font-weight:600}
.post-body a{color:var(--p-acc);text-decoration-thickness:2px}
.post-body b{font-weight:600}
.post-body code{font-family:var(--mono);font-size:.92em;background:var(--surface);border:1px solid var(--line);padding:1px 5px;border-radius:2px}
.post-body blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:5px solid var(--p-acc);font-family:var(--p-head);font-size:1.3rem;line-height:1.35;color:var(--ink)}
.post-body blockquote p{margin:0}
.post-body hr{border:0;border-top:1px solid var(--p-rule);margin:2em 0;max-width:66ch}
.post-sig{font-family:var(--display);font-weight:800;margin-top:2em}
.post-foot{padding-block:10px 56px}
.post-cta{background:var(--ink);color:#fff;padding:26px 28px;display:grid;gap:14px;max-width:760px}
.post-cta p{margin:0;color:#D5DBE6;max-width:none}
.post-cta p b{color:#fff;font-weight:600}
.post-cta .btn-pop{justify-self:start;box-shadow:4px 4px 0 var(--accent)}
.post-cta .link-2{color:#fff;text-decoration-color:var(--pop);justify-self:start}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px;border-top:2px solid var(--ink);padding-top:16px;max-width:760px}
.post-nav a{color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:600;line-height:1.25}
.post-nav a small{display:block;font:600 .78rem/1.3 var(--body);color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.post-nav a.older{text-align:right}
.post-nav a:hover{text-decoration:underline}
@media (max-width:600px){.post-nav{grid-template-columns:1fr}.post-nav a.older{text-align:left}}

/* ------------------------------------------------------------ the looks */
/* Letter: the Sunday sit-down. Cream paper, a serif, a typed date line, the ornament is a short rule and a dot. */
.look-letter{--p-bg:#F6F1E7;--p-ink:#22201C;--p-mute:#6B6257;--p-acc:#3E5C50;--p-rule:#D9CFBD;--p-head:var(--serif);--p-weight:700;--p-ls:-.015em}
.look-letter .post-head{border-bottom:1px solid #D9CFBD}
.look-letter .post-kicker{font-family:var(--mono);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.look-letter .post-head h1{max-width:22ch}
.look-letter .post-orn{width:34px;height:2px;background:var(--p-ink);position:relative}
.look-letter .post-orn::after{content:"";position:absolute;left:44px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--p-ink)}
.look-letter .post-body{font-size:1.12rem}
.look-letter .post-body h2{font-family:var(--serif)}
.look-letter .post-body blockquote{font-family:var(--serif)}
/* Receipt: prices. Till paper, mono, dotted rules, a torn edge. */
.look-receipt{--p-bg:#FFFFFF;--p-ink:#1A1A1A;--p-mute:#5A5A5A;--p-acc:#0B7A75;--p-rule:#9A9A9A;--p-head:var(--mono);--p-weight:500;--p-ls:0;--p-case:uppercase}
.look-receipt .post-head{background:#EDEDED}
.look-receipt .post-head .wrap{background:#fff;padding:26px 28px 30px;max-width:760px;border-top:1px solid #d8d8d8;position:relative}
.look-receipt .post-head .wrap::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(135deg,transparent 6px,#fff 0) 0 0/16px 16px,linear-gradient(-135deg,transparent 6px,#fff 0) 0 0/16px 16px}
.look-receipt .post-kicker{font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px dashed var(--p-rule);padding-bottom:10px}
.look-receipt .post-head h1{font-size:clamp(1.5rem,1.1rem + 1.8vw,2.3rem);line-height:1.2;max-width:28ch}
.look-receipt .post-summary{font-family:var(--mono);font-size:.98rem}
.look-receipt .post-orn{width:100%;max-width:none;height:0;border-top:1px dashed var(--p-rule);background:none}
.look-receipt .post-body h2{font-family:var(--mono);font-weight:500;text-transform:uppercase;font-size:1.05rem;letter-spacing:.06em;border-bottom:1px dashed var(--p-rule);padding-bottom:6px}
.look-receipt .post-body ul{list-style:none;padding:0;font-family:var(--mono);font-size:.98rem}
.look-receipt .post-body ul li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dotted var(--p-rule);padding:6px 0}
.look-receipt .post-body ul li b{font-weight:500;flex:1;min-width:0}
.look-receipt .post-body ul li{flex-wrap:wrap}
/* Search: Google and being found. A results page: a search box, blue link, green address. */
.look-search{--p-bg:#FFFFFF;--p-ink:#202124;--p-mute:#4D5156;--p-acc:#1A0DAB;--p-rule:#DADCE0;--p-head:Arial,Helvetica,sans-serif;--p-weight:400;--p-ls:0}
.look-search .post-head{border-bottom:1px solid #DADCE0;padding-top:28px}
.look-search .post-kicker{order:-1;display:flex;align-items:center;gap:10px;width:min(100%,640px);border:1px solid #DADCE0;border-radius:24px;padding:10px 18px;margin-bottom:26px;box-shadow:0 1px 6px rgba(32,33,36,.18);color:var(--p-ink);font-size:1rem}
.look-search .post-kicker::before{content:"";width:16px;height:16px;border:2px solid #9AA0A6;border-radius:50%;box-shadow:5px 5px 0 -3px #9AA0A6;flex:none;transform:translateY(-1px)}
.look-search .post-kicker a{color:inherit;font-weight:400}
.look-search .post-head h1{font-size:clamp(1.3rem,1.05rem + 1vw,1.7rem);line-height:1.3;color:var(--p-acc);max-width:60ch;margin-bottom:.2em}
.look-search .post-head h1::before{content:"pagefive.co.uk \203A blog";display:block;font-size:.85rem;color:#202124;margin-bottom:4px}
.look-search .post-summary{font-size:.98rem;color:var(--p-mute);max-width:60ch}
.look-search .post-orn{display:none}
.look-search .post-body h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:var(--p-acc)}
/* Menu board: cafés and food. Dark green chalkboard, a serif in chalk cream, a chalk line. */
.look-menu{--p-bg:#1E2A24;--p-ink:#F3EBD6;--p-mute:#CFC5A8;--p-acc:#E9C46A;--p-rule:#3A4A41;--p-head:var(--serif);--p-weight:700;--p-ls:-.01em}
.look-menu .post-head{border:12px solid #6E4A32;border-left:0;border-right:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:14px 14px}
.look-menu .post-kicker{font-family:var(--serif);font-size:1rem;color:var(--p-acc)}
.look-menu .post-kicker a{color:var(--p-acc)}
.look-menu .post-head h1{text-align:left}
.look-menu .post-orn{width:120px;height:3px;background:repeating-linear-gradient(90deg,var(--p-acc) 0 8px,transparent 8px 12px)}
.look-menu .post-body h2{font-family:var(--serif)}
.look-menu .post-body{--p-acc:#2F5D50}
/* Job sheet: a job we did. A ruled form, a stamp, a mono reference number. */
.look-jobsheet{--p-bg:#FFFFFF;--p-ink:#14213D;--p-mute:#4B5568;--p-acc:#0B7A75;--p-rule:#14213D;--p-head:var(--display);--p-weight:600;--p-ls:-.02em}
.look-jobsheet .post-head{background:var(--bg)}
.look-jobsheet .post-head .wrap{background:#fff;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:22px 26px 28px;max-width:860px;position:relative}
.look-jobsheet .post-kicker{font-family:var(--display);font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:10px}
.look-jobsheet .post-head h1{font-size:clamp(1.7rem,1.2rem + 2vw,2.6rem)}
.look-jobsheet .post-head .wrap::after{content:"Live";position:absolute;right:22px;top:18px;transform:rotate(-9deg);border:3px solid var(--accent);color:var(--accent);font:800 1.3rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;background:#fff}
.look-jobsheet .post-orn{display:none}
.look-jobsheet .post-body ul{list-style:none;padding:0;border-top:2px solid var(--ink)}
.look-jobsheet .post-body ul li{position:relative;padding:8px 0 8px 11.5rem;border-bottom:1px solid var(--line);margin:0}
.look-jobsheet .post-body ul li b{position:absolute;left:0;top:8px;width:10.5rem;color:var(--ink-2);font-weight:400}
@media (max-width:600px){.look-jobsheet .post-body ul li{padding-left:0}.look-jobsheet .post-body ul li b{position:static;display:block;width:auto;margin-bottom:2px}}
/* Notice board: rules and the things you must show. Cork, a pinned white sheet, a red pin. */
.look-notice{--p-bg:#C89B6A;--p-ink:#1A1A1A;--p-mute:#4A4A4A;--p-acc:#B33A2E;--p-rule:#D9CFBD;--p-head:var(--display);--p-weight:800;--p-ls:-.02em}
.look-notice .post-head{background:#C89B6A;background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 1.5px);background-size:9px 9px}
.look-notice .post-head .wrap{background:#fff;padding:30px 28px 28px;max-width:760px;box-shadow:0 10px 24px rgba(0,0,0,.25);position:relative;transform:rotate(-.6deg)}
.look-notice .post-head .wrap::before{content:"";position:absolute;left:50%;top:-10px;width:18px;height:18px;border-radius:50%;background:var(--p-acc);box-shadow:inset -3px -3px 0 rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.4);transform:translateX(-50%)}
.look-notice .post-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}
.look-notice .post-orn{background:var(--p-ink);height:3px}
.look-notice .post-body li::marker{color:var(--p-acc)}
/* Stopwatch: speed and five-minute fixes. Dark face, a big mono number, a red hand. */
.look-stopwatch{--p-bg:#111318;--p-ink:#F2F2F2;--p-mute:#A9ADB6;--p-acc:#FF4B3E;--p-rule:#2C313B;--p-head:var(--mono);--p-weight:500;--p-ls:-.02em}
.look-stopwatch .post-head::before{content:"5:00";position:absolute;right:4%;top:50%;transform:translateY(-50%);font:500 clamp(5rem,14vw,12rem)/1 var(--mono);color:rgba(255,255,255,.07);letter-spacing:-.06em;pointer-events:none}
.look-stopwatch .post-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.look-stopwatch .post-head h1{font-size:clamp(1.8rem,1.2rem + 2.6vw,3.2rem)}
.look-stopwatch .post-orn{width:120px;height:3px;background:var(--p-acc)}
.look-stopwatch .post-body{--p-acc:#B3281F}
.look-stopwatch .post-body ol{counter-reset:st;list-style:none;padding:0}
.look-stopwatch .post-body ol li{counter-increment:st;position:relative;padding:12px 0 12px 3.6rem;border-top:1px solid var(--line)}
.look-stopwatch .post-body ol li::before{content:"0" counter(st) ":00";position:absolute;left:0;top:12px;font:500 .95rem/1.5 var(--mono);color:#B3281F}
/* Postcard: towns and areas. A card with a stamp and a postmark, a rounded friendly face. */
.look-postcard{--p-bg:#FFF6E8;--p-ink:#3A2518;--p-mute:#7A5A47;--p-acc:#B84E15;--p-rule:#EED3B4;--p-head:var(--round);--p-weight:700;--p-ls:-.01em}
.look-postcard .post-head .wrap{background:#fff;border:1px solid #EED3B4;padding:26px 28px 28px;max-width:860px;position:relative;box-shadow:0 6px 18px rgba(58,37,24,.12)}
.look-postcard .post-head .wrap::after{content:"";position:absolute;right:22px;top:22px;width:46px;height:56px;background:repeating-linear-gradient(0deg,#C8502B 0 2px,transparent 2px 6px) 0 0/100% 100%;border:3px dashed #fff;outline:1px solid #EED3B4;opacity:.8}
.look-postcard .post-kicker{font-family:var(--round)}
.look-postcard .post-orn{width:120px;height:0;border-top:2px dotted var(--p-acc);background:none}
.look-postcard .post-body{font-family:var(--round);font-size:1.1rem}
/* Blueprint: how something is built. Blue paper, white lines, a mono label. */
.look-blueprint{--p-bg:#1F4E9A;--p-ink:#FFFFFF;--p-mute:#CFE0FF;--p-acc:#F4B942;--p-rule:#3B67B0;--p-head:var(--mono);--p-weight:500;--p-ls:-.01em;--p-case:uppercase}
.look-blueprint .post-head{background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:40px 40px}
.look-blueprint .post-kicker{font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.look-blueprint .post-kicker a{color:#fff}
.look-blueprint .post-head h1{font-size:clamp(1.6rem,1.1rem + 2.4vw,2.8rem);line-height:1.15}
.look-blueprint .post-orn{width:100%;max-width:none;height:1px;background:#fff;opacity:.6}
.look-blueprint .post-body{--p-acc:#1F4E9A}
.look-blueprint .post-body h2{font-family:var(--mono);font-weight:500;text-transform:uppercase;font-size:1rem;letter-spacing:.08em;color:#1F4E9A}
/* Shop window: a spotlight. A striped awning, bold black type, a price ticket. */
.look-window{--p-bg:#FFFFFF;--p-ink:#0B0B0B;--p-mute:#3A3A3A;--p-acc:#D7261A;--p-rule:#0B0B0B;--p-head:var(--black);--p-weight:400;--p-ls:-.01em;--p-case:uppercase}
.look-window .post-head{border-top:22px solid transparent;border-image:repeating-linear-gradient(90deg,#D7261A 0 28px,#fff 28px 56px) 22;border-bottom:4px solid var(--ink)}
.look-window .post-kicker{font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}
.look-window .post-head h1{font-size:clamp(1.9rem,1.2rem + 3vw,3.4rem);line-height:.98}
.look-window .post-orn{width:120px;height:8px;background:var(--p-acc)}
.look-window .post-body h2{font-family:var(--black);font-weight:400;text-transform:uppercase;font-size:1.25rem}
/* Calendar leaf: dates and seasons. A tear-off page with a red date block. */
.look-calendar{--p-bg:#FFFFFF;--p-ink:#14213D;--p-mute:#4B5568;--p-acc:#D7261A;--p-rule:#D9DEE7;--p-head:var(--display);--p-weight:800;--p-ls:-.03em}
.look-calendar .post-head{background:var(--bg)}
.look-calendar .post-head .wrap{background:#fff;border:1px solid var(--line);border-top:14px solid var(--p-acc);padding:22px 26px 28px;max-width:860px;position:relative;box-shadow:0 10px 0 -6px #fff,0 10px 0 -5px var(--line),0 20px 0 -12px #fff,0 20px 0 -11px var(--line)}
.look-calendar .post-head .wrap::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:radial-gradient(circle at 24px 7px,var(--bg) 4px,transparent 5px) 0 0/48px 14px repeat-x}
.look-calendar .post-kicker time{font-family:var(--display);font-weight:800;color:var(--p-acc);font-size:1rem}
.look-calendar .post-orn{display:none}
/* Ledger: checks and teardowns. Ruled paper, a mono score, a column rule. */
.look-ledger{--p-bg:#F6F1E7;--p-ink:#22201C;--p-mute:#6B6257;--p-acc:#B33A2E;--p-rule:#D9CFBD;--p-head:var(--display);--p-weight:600;--p-ls:-.02em}
.look-ledger .post-head{background-image:linear-gradient(transparent 31px,rgba(34,32,28,.1) 31px,rgba(34,32,28,.1) 32px);background-size:100% 32px;border-left:0}
.look-ledger .post-head .wrap{border-left:2px solid var(--p-acc);padding-left:28px}
.look-ledger .post-kicker{font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.look-ledger .post-orn{width:120px;height:2px;background:var(--p-ink)}
.look-ledger .post-body ol{counter-reset:fix;list-style:none;padding:0}
.look-ledger .post-body ol li{counter-increment:fix;position:relative;padding:12px 0 12px 2.8rem;border-top:1px solid var(--line)}
.look-ledger .post-body ol li::before{content:counter(fix);position:absolute;left:0;top:10px;font:800 1.4rem/1.2 var(--display);color:var(--p-acc)}
.look-ledger .post-body code{font-size:1.4rem;padding:4px 10px;background:var(--ink);color:#fff;border:0}
@media (max-width:760px){.look-stopwatch .post-head::before{top:auto;bottom:-6%;transform:none;font-size:5rem;right:3%}}