/* articles/show.antlers.html — moved out of the template on 2026-10-21 (owner: "move inline css and js to cached files"); edit here, the template loads it with {{ zz_asset:css }} */
/* --- sticky short menu: the jump pills, under the site header --- */
.art-jump{position:sticky;top:var(--hdr-h,74px);z-index:9;background:#ece5d4;border-bottom:1.5px solid #2b2620;
display:flex;gap:8px;overflow-x:auto;padding:10px 20px;scrollbar-width:thin}
.art-jump a{flex-shrink:0;white-space:nowrap;background:#fff;border:1.5px solid #2b2620;border-radius:999px;
font:700 12px 'Libre Franklin';padding:7px 13px;color:#2b2620}
.art-jump a:hover{background:#2b2620;color:#f4eee1;opacity:1}
.art-page{padding:0 20px 10px}
.art-crumbs{font:600 12px 'Libre Franklin';color:#8a7f6d;padding:16px 0 0}
.art-crumbs a{color:#8a7f6d}
/* --- masthead --- */
.art-masthead{display:flex;flex-wrap:wrap;align-items:center;gap:22px 28px;padding:18px 0 22px;border-bottom:1.5px solid #2b2620}
.art-masthead .left{flex:1 1 320px;min-width:0}
.art-masthead .kick{font:700 12px 'Libre Franklin';letter-spacing:.14em;color:#8a7f6d;text-transform:uppercase}
.art-masthead h1{font:900 36px/1.08 'Libre Franklin';letter-spacing:-.03em;margin:12px 0 0;text-wrap:balance}
.art-masthead .byline{margin-top:14px}
.art-masthead .right{flex:0 1 250px;min-width:210px;position:relative;margin-top:8px}
.art-polaroid{background:#fff;padding:9px 9px 9px;box-shadow:var(--sh-md);transform:rotate(2.5deg)}
.art-polaroid img{width:100%;height:180px;object-fit:cover;display:block}
.art-polaroid .tape{position:absolute;top:-9px;left:50%;width:62px;height:18px;margin-left:-31px;
background:rgba(214,196,150,.65);transform:rotate(-1deg);pointer-events:none}
/* --- emotion header: headline over the seasonal background --- */
.art-emotion{position:relative;margin:0;border-bottom:1.5px solid #2b2620;overflow:hidden;background:#2b2620}
.art-emotion img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.art-emotion .inner{position:relative;padding:34px 20px 30px;color:#f4eee1;text-shadow:var(--sh-md)}
.art-emotion h2{font:900 30px/1.1 'Libre Franklin';letter-spacing:-.02em;margin:0;text-wrap:balance}
.art-emotion .sub{font:600 19px 'Caveat',cursive;color:#f5b79a;margin-top:8px}
/* --- lead + overview card --- */
.art-lead{font:400 15px/1.65 'Libre Franklin';color:#443d34;margin-top:20px}
.art-toc{background:#fff;border:1.5px solid #2b2620;border-radius:var(--r-card);padding:16px 18px;margin-top:18px}
.art-toc .t{font:700 12px 'Libre Franklin';letter-spacing:.1em;margin-bottom:10px}
.art-toc .links{display:flex;flex-direction:column;gap:7px;font:500 13.5px 'Libre Franklin'}
/* --- sections --- */
.art-section{margin-top:26px;scroll-margin-top:calc(var(--hdr-h,74px) + 56px)}
.art-section > h2{display:block;border-bottom:1.5px solid #2b2620;padding-bottom:8px;margin:0 0 14px;
font:700 13px 'Libre Franklin';letter-spacing:.12em;text-transform:uppercase;color:#2b2620}
.art-h3{font:700 15px 'Libre Franklin';margin:20px 0 8px;color:#2b2620;scroll-margin-top:calc(var(--hdr-h,74px) + 56px)}
.art-prose{font:400 14.5px/1.65 'Libre Franklin';color:#443d34}
.art-prose p{margin:0 0 12px}
.art-prose ul,.art-prose ol{margin:0 0 12px;padding-left:20px}
.art-prose li{margin-bottom:6px}
.art-prose table{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:13.5px}
.art-prose td,.art-prose th{border:1px solid #d8cdb6;padding:7px 9px;text-align:left;vertical-align:top}
.art-quote{margin:16px 0;padding:0 0 0 18px;border-left:3px solid #a33d2e;
font:400 15px/1.6 'Libre Franklin';color:#55504a}
.art-quote p{margin:0 0 8px}
.art-notes{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:8px}
.art-notes li{position:relative;padding-left:26px;font:400 14px/1.55 'Libre Franklin';color:#443d34}
.art-notes li:before{content:"→";position:absolute;left:0;top:-2px;font:700 17px 'Caveat',cursive;color:#a33d2e}
.art-shot{margin:16px auto;max-width:618px;background:#fff;padding:9px;border:1.5px solid #2b2620}
.art-shot.plain{border:none;padding:0;background:none}
.art-shot img{width:auto;max-width:100%;height:auto;display:block;margin:0 auto}
.art-shot.portrait{max-width:320px;margin-left:auto;margin-right:auto}
.art-shot figcaption{font:600 14px 'Caveat',cursive;color:#55504a;margin-top:7px}
.art-slideshow{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.art-video{position:relative;padding-top:56.25%;margin:16px 0}
.art-video iframe{position:absolute;inset:0;width:100%;height:100%;border:1.5px solid #2b2620}
/* --- converters --- */
.art-clickout{background:#fff;border:1.5px solid #2b2620;border-radius:var(--r-card);padding:16px 18px;margin:18px 0}
.art-clickout .t{font:800 16px/1.3 'Libre Franklin';color:#2b2620}
.art-clickout .btn,.art-quiz-banner .btn{display:inline-block;margin-top:10px;background:#a33d2e;color:#fff;
border-radius:var(--r-ctl);font:700 13px 'Libre Franklin';padding:9px 15px}
.art-quiz{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#2b2620;color:#f4eee1;
border-radius:var(--r-card);padding:16px 18px;margin:18px 0}
.art-quiz .emoji{font-size:22px}
.art-quiz .t{flex:1 1 200px;font:800 16px/1.3 'Libre Franklin'}
.art-quiz .go{font:700 12px 'Libre Franklin';letter-spacing:.06em;background:#a33d2e;border-radius:var(--r-ctl);padding:8px 13px;color:#fff}
.art-quiz-banner{background:#f4eee1;border:1.5px solid #2b2620;border-radius:var(--r-card);padding:16px 18px;margin:18px 0}
.art-quiz-banner .t{font:800 16px/1.3 'Libre Franklin'}
.art-toplist{margin:18px 0}
.art-toplist-intro{font:600 15px 'Caveat',cursive;color:#a33d2e;margin-bottom:10px}
.art-shortcuts{background:#2b2620;color:#f4eee1;border-radius:var(--r-card);padding:18px;margin-top:26px;position:relative}
.art-shortcuts .flag{position:absolute;top:-12px;left:14px;background:#a33d2e;color:#fff;
font:700 12px 'Libre Franklin';letter-spacing:.1em;padding:4px 10px;transform:rotate(-1.5deg)}
.art-shortcuts .h{font:800 17px 'Libre Franklin';margin-top:2px}
.art-shortcuts .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px}
.art-shortcuts .grid a{display:block;background:#f4eee1;border-radius:var(--r-ctl);padding:12px 14px;color:#2b2620}
.art-shortcuts .grid a.accent{background:#a33d2e;color:#fff}
.art-shortcuts .k{font:700 12px 'Libre Franklin';letter-spacing:.1em;color:#a33d2e}
.art-shortcuts .grid a.accent .k{color:#f0cfa8}
.art-shortcuts .n{font:800 15px 'Libre Franklin';margin-top:2px}
/* --- author (the automatic editor card, matched via author_user_content) --- */
/* author card = the layout's polaroid (like home); only the spacing is the page's own */
.author-card{margin-top:26px;scroll-margin-top:calc(var(--hdr-h,74px) + 56px)}
@media(max-width:620px){
.art-masthead h1{font-size:29px}
.art-emotion h2{font-size:24px}
}