/* The Duck Pond: WordPress-specific additions to the approved mockup CSS. */

/* ---- accessibility ---- */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:8px;top:8px;z-index:100000;background:#fff;color:#000;padding:10px 16px;border-radius:3px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e0a66b;outline-offset:2px}
.entry a,.entry-meta a,.archive-desc a{text-decoration:underline}
.admin-bar .ad-stick{top:50px}

/* ---- top bar with WordPress menu ---- */
.topbar .brandlink{font-weight:600;white-space:nowrap}
.topbar nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.topbar nav li{margin:0}
.topbar nav a{color:inherit}
.topbar nav .current-menu-item>a,.topbar nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.menu-toggle{display:none;background:transparent;border:1px solid rgba(243,231,211,.5);color:#f3e7d3;font:600 13px 'Source Sans 3',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:3px}
.hero.mini{height:150px;background-position:50% 55%}
.hero.mini .in{padding-bottom:22px}
.hero.mini .mini-title{display:block;font-family:'Zilla Slab',serif;font-weight:700;font-size:44px;line-height:1;text-shadow:0 3px 14px rgba(0,0,0,.5)}
.hero.mini p{font-size:18px;margin:6px 0 0}
.btn.is-off small{font-size:.72em;font-weight:400;letter-spacing:.04em;text-transform:none}.btn.is-off{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}
.btn.brass.is-off{opacity:.6}

/* ---- single articles and pages ---- */
.entry-wrap{background:var(--paper);border:1px solid var(--line);border-top:6px solid var(--red);box-shadow:0 8px 24px rgba(74,52,38,.1);padding:34px 40px 30px;margin-bottom:40px}
.entry-head .kickers{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.chip-link{font-family:'Allerta Stencil','Source Sans 3',sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:rgba(52,64,88,.9);color:#f6ead6;padding:3px 9px;border-radius:2px}
.chip-link.dogtag{background:#5d6140;color:#ece6c8;border:1px solid rgba(236,230,200,.35);border-radius:3px}
.entry-head .cat{font-family:'Source Sans 3',sans-serif;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.14em;color:#4f5f7a}
.entry-title{font-family:'Zilla Slab',serif;font-size:44px;line-height:1.1;margin:6px 0 10px;color:var(--ink)}
.entry-meta{font-family:'Source Sans 3',sans-serif;font-size:15px;color:#7a6756;margin-bottom:22px}
.entry-hero{margin:0 0 26px}
.entry-hero img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}
.entry{font-size:19px;line-height:1.75;overflow-wrap:break-word}
.entry>*:first-child{margin-top:0}
.entry h2,.entry h3,.entry h4{font-family:'Zilla Slab',serif;line-height:1.2;color:var(--red-d);margin:1.6em 0 .5em}
.entry h2{font-size:32px}.entry h3{font-size:25px}.entry h4{font-size:21px}
.entry blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:4px solid var(--green);font-style:italic;color:#44582a}
.entry img,.entry video,.entry iframe{max-width:100%;height:auto}
.entry figure{margin:1.4em 0}
.entry figcaption,.wp-caption-text{font-family:'Source Sans 3',sans-serif;font-size:14px;color:#6b5a4a;padding-top:6px}
.entry table{border-collapse:collapse;width:100%;font-size:16px}.entry td,.entry th{border:1px solid var(--line);padding:6px 10px}
.entry pre,.entry code{background:#efe3cc;border-radius:3px}.entry pre{padding:14px;overflow:auto}.entry code{padding:1px 5px}
.alignleft{float:left;margin:4px 22px 12px 0}.alignright{float:right;margin:4px 0 12px 22px}.aligncenter{display:block;margin-left:auto;margin-right:auto}
.entry hr{border:0;height:3px;background:repeating-linear-gradient(90deg,var(--red) 0 10px,transparent 10px 16px);opacity:.5;margin:2em 0}
.entry-tags{margin-top:22px;font-family:'Source Sans 3',sans-serif;font-size:14px}
.entry-tags a{display:inline-block;background:#efe3cc;color:#4a3426;padding:2px 10px;border-radius:2px;margin:0 6px 6px 0}
.page-links{font-family:'Source Sans 3',sans-serif;margin-top:20px}
.support-inline{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:30px;padding:16px 20px;background:#fbf5e6;border:1px dashed #cdb892;font-size:16px;line-height:1.5}
.support-inline b{font-family:'Zilla Slab',serif;font-size:20px;color:#74201a}
.support-inline .btn{white-space:nowrap}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-family:'Zilla Slab',serif;font-size:19px;margin-bottom:40px}
.post-nav span{display:block;font-family:'Source Sans 3',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7a6756}
.post-nav .next{text-align:right;grid-column:2}
.post-nav a{color:var(--red-d)}
.dp-crumbs{font-family:'Source Sans 3',sans-serif;font-size:14px;color:#7a6756;margin-bottom:14px}
.dp-crumbs a{text-decoration:underline}

/* ---- archives ---- */
.sec-banner{position:relative;height:230px;background:var(--wood);color:#fff;overflow:hidden}
.sec-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sec-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,15,10,.1),rgba(30,15,10,.8))}
.sec-banner .in{position:absolute;z-index:2;left:0;right:0;bottom:0;max-width:1160px;margin:auto;padding:0 24px 24px}
.sec-banner .sk{display:inline-block;font-family:'Allerta Stencil',sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;background:rgba(155,44,34,.9);padding:3px 8px;border-radius:2px;position:static}
.sec-banner .sk.dogtag{background:#5d6140;color:#ece6c8;border:1px solid rgba(236,230,200,.35)}
.sec-banner h1{font-family:'Zilla Slab',serif;font-size:54px;line-height:1.05;margin:8px 0 2px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.sec-banner p{margin:0;font-style:italic;font-size:20px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.archive-desc{margin:0 0 22px;font-size:17px}
.sec-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sec-links a{display:block;background:var(--paper);border:1px solid var(--line);padding:12px 16px;line-height:1.35}
.sec-links b{display:block;font-family:'Zilla Slab',serif;font-size:21px;color:var(--red-d)}
.sec-links span{font-family:'Source Sans 3',sans-serif;font-size:14px;color:#6b5a4a}
.dp-pages{margin:34px 0 0;font-family:'Source Sans 3',sans-serif}
.dp-pages ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0}
.dp-pages a,.dp-pages span{display:block;padding:8px 14px;border:1px solid var(--line);background:var(--paper);font-weight:600}
.dp-pages .current{background:var(--red);color:#fff;border-color:var(--red)}
.dp-search{display:flex;gap:10px;margin:0 0 26px}
.dp-search input{flex:1;font:inherit;font-family:'Source Sans 3',sans-serif;font-size:16px;padding:11px 14px;border:1px solid var(--line);border-radius:4px;background:#fff}
.dp-search button{font:700 16px 'Source Sans 3',sans-serif;padding:0 22px;border:0;border-radius:4px;background:var(--red);color:#fff;cursor:pointer}
.notfound{text-align:center;background:var(--paper);border:1px solid var(--line);padding:0 0 34px}
.notfound img{display:block;width:100%;height:260px;object-fit:cover;margin-bottom:24px}
.notfound h1{font-family:'Zilla Slab',serif;font-size:40px;margin:0 0 8px;color:var(--red-d)}
.notfound .dp-search{max-width:420px;margin:18px auto}

/* ---- About page ---- */
.about-page .in{align-items:start}
.about-text h1{font-family:'Zilla Slab',serif;font-size:42px;margin:0 0 14px;color:var(--red-d)}
.about-text h2{font-size:28px;margin:1.3em 0 .4em}
.about-text p{margin:0 0 14px}
.about-text .motto{font-family:'Zilla Slab',serif;font-size:24px;font-style:italic;color:#44582a;border-left:4px solid var(--green);padding-left:16px}

/* ---- comments ---- */
.comments{margin-bottom:40px}
.comment-list{list-style:none;padding:0;margin:0 0 30px}
.comment-list .children{list-style:none;padding-left:26px}
.comment-body{background:var(--paper);border:1px solid var(--line);padding:14px 18px;margin-bottom:14px;font-size:16px}
.comment-author .avatar{float:left;margin-right:12px;border-radius:50%}
.comment-meta{font-family:'Source Sans 3',sans-serif;font-size:13px;color:#7a6756}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond textarea{width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:#fff}
.comment-respond .submit{font:700 16px 'Source Sans 3',sans-serif;padding:11px 24px;border:0;border-radius:4px;background:var(--red);color:#fff;cursor:pointer}
.comment-reply-title{font-family:'Zilla Slab',serif;font-size:28px;color:var(--red-d)}

/* ---- sidebar: From X wrapper over the daily X-feed block (its inline styles need !important overrides) ---- */
aside .widget_dp_ad{background:none;border:0}
aside .box ul{list-style:none;margin:0;padding:0}
.xfeed-body{padding:4px 20px 2px}
.dt-xfeed{font-size:15px!important;line-height:1.5}
.dt-xfeed h3{font-family:'Zilla Slab',serif;font-size:17px;color:#74201a;margin:14px 0 2px;line-height:1.2}
.dt-xfeed h3:first-child{margin-top:8px}
.dt-xfeed ul{list-style:none!important;margin:0!important;padding:0!important}
.dt-xfeed li{list-style:none!important;margin:0!important;padding:12px 0!important;border-bottom:1px solid var(--line)!important}
.dt-xfeed li:last-child{border-bottom:0!important}
.dt-xfeed li strong{font-family:'Zilla Slab',serif;font-size:17px!important;line-height:1.25!important;color:var(--ink)!important;font-weight:600}
.dt-xfeed li strong a{color:inherit!important}
.dt-xfeed li span{font-size:15px!important;color:#4b3d33!important;line-height:1.45!important}
.dt-xfeed small{display:block;margin-top:4px;font-family:'Source Sans 3',sans-serif;font-size:13px!important;color:#7a6756!important}
.dt-xfeed small a{color:var(--red)!important;text-decoration:underline}
.dt-xfeed small a strong{display:inline!important;font-family:'Source Sans 3',sans-serif!important;font-size:13px!important}
.dt-xfeed img{display:block;max-width:100%;height:auto;border-radius:3px;margin:6px 0}
aside .follow{border-top:1px solid var(--line)}

/* ---- newsletter placeholder ---- */
.news form.is-off{opacity:.65}
.news form.is-off input,.news form.is-off button{cursor:not-allowed}
.news .soon-note{font-family:'Source Sans 3',sans-serif;font-size:13px;opacity:.8;margin-top:8px}
.news .xsub.live{display:block;text-align:center;border-style:solid;color:#fff;cursor:pointer;text-decoration:none}
.news .or span{font-weight:700;text-decoration:underline}
.footer-nav .menu{list-style:none;display:flex;gap:18px;justify-content:center;margin:0 0 10px;padding:0}
.footer-nav a{text-decoration:underline}
.adreal{overflow:hidden}

/* ---- mobile ---- */
@media(max-width:900px){
 .topbar .in{flex-wrap:wrap;padding:10px 18px;gap:8px}
 .menu-toggle{display:inline-block}
 .topbar .x{display:none}
 .topbar nav.primary-nav{display:none;order:5;flex-basis:100%;padding:6px 0 4px}
 .topbar nav.primary-nav.open{display:block}
 .topbar nav ul{flex-direction:column;gap:0}
 .topbar nav li a{display:block;padding:10px 0;border-top:1px solid rgba(243,231,211,.2)}
 .hero.mini{height:120px}.hero.mini .mini-title{font-size:32px}.hero.mini p{font-size:15px}
 .entry-wrap{padding:22px 18px}.entry-title{font-size:32px}.entry{font-size:18px}
 .support-inline{flex-direction:column;align-items:flex-start}
 .sec-banner{height:190px}.sec-banner h1{font-size:38px}.sec-banner .in{padding:0 18px 18px}
 .sec-links{grid-template-columns:1fr}
 .post-nav{grid-template-columns:1fr}.post-nav .next{grid-column:1;text-align:left}
 .about-text h1{font-size:34px}
}

/* Keep the sidebar short: the daily X routine may write 5+ items per list; show the first four of each. */
.dt-xfeed li:nth-child(n+5){display:none!important}
.hero .kicker{text-shadow:0 1px 8px rgba(0,0,0,.75)}