/* seanfenlon.com full-site layer. Loaded AFTER the untouched v1 style.css on background pages,
   and alone on blog posts / 404. Same type stack + palette as v1. */
:root{--sf-cream:#fffdf5;--sf-gold:#fff0c7;--sf-ink:#1d2420;--sf-paper:#f6f1e6;--sf-green:#202824}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:50;background:#fff0c7;color:#202824;padding:10px 14px;border-radius:8px}
.skip:focus{left:8px}
/* header / navigation (both templates) */
.site-head{position:relative;z-index:8;width:min(100%,1060px);margin:0 auto;padding:14px 36px 0;font:14px/1.4 Arial,Helvetica,sans-serif}
.site-head .bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:rgba(12,22,20,.55);-webkit-backdrop-filter:blur(10px) brightness(.7) saturate(.82);backdrop-filter:blur(10px) brightness(.7) saturate(.82);border:1px solid rgba(255,251,237,.18);border-radius:16px;padding:10px 16px}
.site-head .brand{font:400 22px/1.1 Georgia,"Times New Roman",serif;color:var(--sf-cream);text-decoration:none;letter-spacing:-.02em;margin-right:auto}
.site-nav>ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}
.site-nav li{position:relative;list-style:none}
.site-nav a,.site-nav summary{display:inline-flex;align-items:center;min-height:40px;padding:6px 10px;border-radius:10px;color:var(--sf-gold);text-decoration:none;cursor:pointer}
.site-nav summary{list-style:none}.site-nav summary::-webkit-details-marker{display:none}
.site-nav summary::after{content:"▾";margin-left:6px;font-size:11px}
.site-nav a:hover,.site-nav summary:hover,.site-nav a[aria-current=page]{background:rgba(255,240,199,.12);color:#fff9df}
.site-nav a:focus-visible,.site-nav summary:focus-visible{outline:2px solid #f2dfaf;outline-offset:2px}
.site-nav details ul{position:absolute;left:0;top:100%;min-width:240px;margin:6px 0 0;padding:8px;background:#18211c;border:1px solid rgba(255,251,237,.18);border-radius:12px;box-shadow:0 16px 40px #0006;z-index:30}
.site-nav details ul ul{position:static;margin:0 0 0 12px;padding:0;border:0;box-shadow:none;background:none;min-width:0}
.site-nav details ul a{display:flex;width:100%}
.nav-toggle{display:none}
@media(max-width:820px){.site-head{padding:10px 18px 0}.nav-toggle{display:inline-flex;margin-left:auto;color:var(--sf-gold);background:none;border:1px solid rgba(255,240,199,.4);border-radius:10px;min-height:40px;padding:6px 12px;font:inherit;cursor:pointer}
 .site-head .brand{margin-right:0}.site-nav{display:none;width:100%}.site-head.open .site-nav{display:block}
 .site-nav>ul{flex-direction:column}.site-nav details ul{position:static;box-shadow:none;margin:0 0 0 12px;background:none;border:0;padding:0}}
/* content inside v1 reading panels */
.reading-block{min-width:0}
.reading-block .entry h2,.reading-block .entry h3,.reading-block .entry h4{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.02em;color:#fffdf5;margin:28px 0 12px;line-height:1.2}
.reading-block .entry h2{font-size:clamp(26px,3.4vw,36px)}.reading-block .entry h3{font-size:24px}.reading-block .entry h4{font-size:20px}
.reading-block .entry ul,.reading-block .entry ol{color:#f5f1e7;font-size:17px;line-height:1.65;padding-left:1.3em;max-width:62ch}
.reading-block .entry li{margin:0 0 6px}
.reading-block .entry a{color:#fff0c7;text-underline-offset:4px}.reading-block .entry a:hover{color:#fff9df}
.reading-block .entry blockquote{margin:18px 0;padding:4px 0 4px 18px;border-left:3px solid rgba(255,240,199,.5);color:#f5f1e7}
.reading-block .entry img{max-width:100%;height:auto;border-radius:6px}
.reading-block .entry p{max-width:62ch}
.reading-block .entry .wp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0 20px}
.reading-block .entry table{border-collapse:collapse;width:100%;color:#fffaf0;font:15px/1.5 Arial,Helvetica,sans-serif}
.reading-block .entry table td,.reading-block .entry table th{border-bottom:1px solid rgba(255,251,237,.14);padding:10px 12px 10px 0;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.reading-block .entry table tr:first-child td{color:#fff0c7;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.wide-panel{width:min(100%,1060px)!important}
.embed{position:relative;width:100%;max-width:640px;aspect-ratio:16/9;margin:16px 0;border-radius:8px;overflow:hidden;background:#000}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.embed.audio{aspect-ratio:auto;height:400px;background:none}
.embed-fallback{font-size:14px}
.link-grid{list-style:none;padding:0!important;display:grid;gap:10px;max-width:none!important}
.link-grid a{display:flex;min-height:48px;align-items:center;padding:10px 14px;border:1px solid rgba(255,240,199,.3);border-radius:12px;text-decoration:none}
.post-list{list-style:none;padding:0!important;margin:0;max-width:none!important}
.post-list li{padding:16px 0;border-bottom:1px solid rgba(255,251,237,.14)}
.post-list h3{margin:0 0 4px!important;font-size:22px!important}
.post-list time,.meta{font:12px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff0c7}
.post-list p{margin:6px 0 0!important;font-size:16px!important}
.pager{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;font:14px Arial,Helvetica,sans-serif}
.pager a{color:#fff0c7}
.site-foot{position:relative;z-index:5;width:min(100%,1060px);margin:0 auto;padding:0 36px 120px;color:#f5f1e7;font:13px/1.6 Arial,Helvetica,sans-serif;text-shadow:0 1px 3px #000c}
.site-foot a{color:#fff0c7}
.search-form{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}
.search-form input{flex:1 1 220px;min-height:44px;border-radius:10px;border:1px solid rgba(255,240,199,.4);background:rgba(0,0,0,.25);color:#fffdf5;padding:8px 12px;font:16px Arial,sans-serif}
.search-form button{min-height:44px;border-radius:10px;border:1px solid rgba(255,240,199,.5);background:rgba(255,240,199,.15);color:#fff0c7;padding:8px 16px;font:15px Arial,sans-serif;cursor:pointer}
/* blog post template: no background */
body.post-template{margin:0;background:var(--sf-paper);color:var(--sf-ink);font:18px/1.7 Arial,Helvetica,sans-serif}
body.post-template .site-head{padding-top:14px}
body.post-template .site-head .bar{background:var(--sf-green);-webkit-backdrop-filter:none;backdrop-filter:none}
.post-wrap{width:min(100%,760px);margin:0 auto;padding:36px 24px 80px}
.post-wrap h1{font:400 clamp(34px,5vw,50px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:12px 0 14px;text-wrap:balance}
.post-wrap .meta{color:#6b5a2e}
.post-wrap .entry{overflow-wrap:break-word}
.post-wrap .entry h2,.post-wrap .entry h3,.post-wrap .entry h4{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.02em;line-height:1.2;margin:32px 0 12px}
.post-wrap .entry a{color:#1f4f8f;text-underline-offset:4px}
.post-wrap .entry img{max-width:100%;height:auto}
.post-wrap .entry blockquote{margin:20px 0;padding:4px 0 4px 18px;border-left:3px solid #c9b78a;color:#3a3a30}
.post-wrap .entry table{border-collapse:collapse;width:100%;font-size:15px}
.post-wrap .entry td,.post-wrap .entry th{border-bottom:1px solid #d8cfbb;padding:8px 10px 8px 0;text-align:left;vertical-align:top}
.post-wrap .wp-table-wrap{overflow-x:auto}
.post-wrap .embed{background:#000}
.post-wrap figure{margin:20px 0}.post-wrap figcaption{font-size:14px;color:#555}
.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right;margin:0 0 12px 16px}.alignleft{float:left;margin:0 16px 12px 0}
@media(max-width:600px){.alignright,.alignleft{float:none;margin:12px 0}}
.post-nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:40px 0 0;padding-top:20px;border-top:1px solid #d8cfbb;font-size:15px}
.post-nav a,.post-taxa a{color:#1f4f8f}
.comments{margin-top:44px;padding-top:20px;border-top:1px solid #d8cfbb}
.comments h2{font:400 28px Georgia,serif}
.comments ol{list-style:none;padding:0}.comments li{padding:14px 0;border-bottom:1px solid #e3dccb}
.comments .who{font-weight:700}.comments .closed{font-style:italic;color:#555}
body.post-template .site-foot{color:#555;text-shadow:none;padding-bottom:40px}body.post-template .site-foot a{color:#1f4f8f}
.flag{background:#fff3b0;color:#4a3b00;padding:2px 6px;border-radius:4px;font-size:14px}
.site-head,.site-foot,.site-foot *,.post-wrap,.post-wrap *{box-sizing:border-box}
.wp-table-wrap td,.wp-table-wrap th{word-break:normal;overflow-wrap:normal;hyphens:none}
.reading-block .entry .wp-table-wrap table{min-width:560px}
.reading-block .entry .wp-table-wrap td,.reading-block .entry .wp-table-wrap th{word-break:normal!important;overflow-wrap:normal!important}
.site-nav summary,.site-nav details>a,.site-nav button{font:inherit;font-size:inherit}
/* YouTube promo (t318u) */
.yt-facade{position:relative;width:100%;aspect-ratio:16/9;min-height:200px;margin:18px 0 10px;border-radius:12px;overflow:hidden;background:#000;border:1px solid rgba(255,251,237,.18)}
.yt-facade a.yt-thumb{display:block;position:absolute;inset:0;padding:0;min-height:0}
.yt-facade img{width:100%;height:100%;object-fit:cover;display:block}
.yt-facade .yt-play{position:absolute;left:50%;top:50%;width:68px;height:48px;transform:translate(-50%,-50%);background:rgba(18,18,18,.82);border-radius:14px;transition:background .2s}
.yt-facade .yt-play::after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.yt-facade a:hover .yt-play,.yt-facade a:focus-visible .yt-play{background:#f00}
.yt-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.reading-block .yt-meta{font-size:14px;margin:4px 0 0}
.yt-cta{margin:36px 0 0;padding:14px 18px;border-left:3px solid #c9b78a;background:rgba(201,183,138,.12);font:15px/1.6 Arial,Helvetica,sans-serif}
.yt-cta p{margin:0}
.reading-block .yt-facade img,.yt-facade img{position:absolute;inset:0;width:100%;height:100%!important;max-width:none;object-fit:cover;object-position:center}
.yt-cta a{color:#1f4f8f;text-underline-offset:4px}
.archive-note{font:italic 14px/1.6 Arial,Helvetica,sans-serif;opacity:.85;border-left:3px solid #c9b78a;padding:6px 12px;margin:0 0 18px}
.search-more{margin:14px 0 0;padding:8px 16px;font:inherit;cursor:pointer}.search-more[hidden]{display:none}
/* t342u desktop nav polish + signature logo */
.site-head .brand{display:inline-flex;align-items:center;line-height:0;padding:2px 4px;border-radius:8px}
.site-head .brand img{display:block;height:34px;width:auto}
.site-head .brand:focus-visible{outline:2px solid #f2dfaf;outline-offset:3px}
.site-nav details{font:inherit;color:inherit;line-height:inherit}
.site-head .site-nav>ul{align-items:center;gap:2px}
.site-head .site-nav>ul>li>a,.site-head .site-nav>ul>li>details>summary{font:400 15px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.01em;text-transform:none;min-height:40px;padding:0 12px;white-space:nowrap;color:var(--sf-gold);border-radius:10px;transition:background .15s,color .15s}
.site-head .site-nav>ul>li>details>summary::after{content:"";width:6px;height:6px;margin:-3px 0 0 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s;font-size:0}
.site-head .site-nav>ul>li>details[open]>summary::after{transform:rotate(-135deg);margin-top:3px}
.site-head .site-nav>ul>li>details[open]>summary{background:rgba(255,240,199,.12);color:#fff9df}
.site-head .site-nav>ul>li>a[aria-current=page],.site-head .site-nav>ul>li>details>summary.is-active{color:#fff9df;background:rgba(255,240,199,.14);box-shadow:inset 0 -2px 0 #c9b78a}
.site-head .site-nav details ul{font:400 14px/1.35 Arial,Helvetica,sans-serif;top:calc(100% + 4px);margin:0;min-width:260px;max-width:min(340px,80vw)}
.site-head .site-nav details ul a{padding:8px 12px;min-height:36px;color:#e9dcb4;white-space:normal}
.site-head .site-nav details ul a[aria-current=page]{color:#fff9df;background:rgba(255,240,199,.14)}
.site-head .site-nav details ul ul{margin:0 0 0 12px;border-left:1px solid rgba(255,251,237,.14);padding-left:4px}
.site-head .site-nav>ul>li:last-child>details>ul{left:auto;right:0}
@media(min-width:821px) and (max-width:1100px){.site-head .site-nav>ul>li>a,.site-head .site-nav>ul>li>details>summary{font-size:14px;padding:0 9px}.site-head .brand img{height:30px}}
@media(max-width:820px){.site-head .brand img{height:30px}.site-head .site-nav>ul{align-items:stretch}.site-head .site-nav>ul>li>a,.site-head .site-nav>ul>li>details>summary{width:100%;padding:0 10px}.site-head .site-nav details ul{max-width:none;min-width:0}}
.site-head .site-nav details ul details,.site-head .site-nav details ul summary{font:400 14px/1.35 Arial,Helvetica,sans-serif}
.site-head .site-nav details ul summary{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:8px 12px;min-height:36px;color:#e9dcb4;border-radius:8px}
.site-head .site-nav details ul summary::after{content:"";width:5px;height:5px;margin:-2px 0 0 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);font-size:0}
.site-head .site-nav details ul details[open]>summary::after{transform:rotate(-135deg);margin-top:2px}
.site-head .site-nav details ul a{border-radius:8px}
.site-head .site-nav details ul a:hover,.site-head .site-nav details ul summary:hover{background:rgba(255,240,199,.1);color:#fff9df}
/* Sean t343u: featured video (The Tale of Sean Fenlon) */
.yt-facade.yt-feature{box-shadow:0 10px 30px rgba(0,0,0,.35)}
.post-list li.featured-post{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:start;padding:18px 14px;margin:0 -14px;border:1px solid rgba(240,215,140,.35);border-radius:12px;background:rgba(240,215,140,.06)}
.featured-post .featured-thumb{display:block;padding:0;min-height:0;border-radius:8px;overflow:hidden;aspect-ratio:16/9}
.featured-post .featured-thumb img{width:100%;height:100%!important;object-fit:cover;display:block}
.featured-tag{display:inline-block;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f0d78c;margin:2px 0 6px}
@media (max-width:560px){.post-list li.featured-post{grid-template-columns:1fr}.featured-post .featured-thumb{max-width:100%}}
.post-wrap .video-lede{font-size:15px;color:#6b5a2e;margin:0 0 4px}
.post-wrap .yt-facade{border-color:rgba(0,0,0,.12)}
.post-wrap .entry .embed-fallback{font-size:14px;margin:0 0 8px}
.post-wrap .video-chapters{padding-left:0;list-style:none}
.post-wrap .video-chapters li{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.post-wrap .video-chapters a{font-variant-numeric:tabular-nums;font-weight:700;margin-right:6px}
.tale-callout .yt-links{margin-top:10px}
/* Sean t346u: /blog/ index on the paper (no-background) template */
.post-wrap .blog-intro{font-size:16px;color:#3a3a30;margin:0 0 8px}
.post-wrap .blog-intro a,.post-wrap .post-list a,.post-wrap .pager a{color:#1f4f8f;text-underline-offset:4px}
.post-wrap .post-list li{border-bottom:1px solid rgba(0,0,0,.1)}
.post-wrap .post-list h3{font:400 22px/1.25 Georgia,"Times New Roman",serif!important;letter-spacing:-.01em}
.post-wrap .post-list time{color:#6b5a2e}
.post-wrap .post-list p{color:#2b2b25}
.post-wrap .post-list li.featured-post{border:1px solid #d9c690;background:#fbf3dc;margin:8px -14px 4px}
.post-wrap .featured-tag{color:#8a6a12}
.post-wrap .pager{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:24px 0;font-size:15px}
.post-wrap .pager span{color:#6b5a2e;font-size:13px}
.post-wrap h1 .page-of{font-size:.55em;color:#6b5a2e}