.f3dd,.f3dd-story,.f3dd-teaser{--diary-ink:#121212;--diary-yellow:#f8cf42;--diary-red:#d52f27;--diary-paper:#fffaf0;box-sizing:border-box;color:var(--diary-ink)}
.f3dd *,.f3dd-story *,.f3dd-teaser *{box-sizing:border-box}
.f3dd,.f3dd-story{width:100%;max-width:1120px;margin:0 auto 64px}
.f3dd :where(h1,h2,h3,p),.f3dd-story :where(h1,h2,h3,p),.f3dd-teaser :where(h2,p){margin:0}
.f3dd h1,.f3dd h2,.f3dd h3,.f3dd-story h1,.f3dd-teaser h2{font-family:"Bebas Neue",Impact,sans-serif;line-height:1.02;letter-spacing:.005em;color:#121212;font-weight:400}
.f3dd a,.f3dd-story a,.f3dd-teaser a{color:inherit}
.f3dd a:focus-visible,.f3dd-story a:focus-visible,.f3dd-teaser a:focus-visible,.f3dd-secondary-link:focus-visible{outline:3px solid #d52f27;outline-offset:5px}
.f3dd-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px;font-size:13px;line-height:1.5}
.f3dd-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.f3dd-hero{display:grid;grid-template-columns:1fr 1.05fr;background:var(--diary-paper);border:2px solid var(--diary-ink);border-radius:12px;box-shadow:7px 7px 0 var(--diary-yellow);overflow:hidden;margin:0 7px 70px 0}
.f3dd-hero-copy{padding:38px 32px;align-self:center}
.f3dd-kicker{display:inline-block;font-size:11px;font-weight:800;line-height:1.5;text-transform:uppercase;letter-spacing:.06em;background:#121212;color:#fff;border-radius:30px;padding:7px 12px;box-shadow:3px 3px 0 #f8cf42;margin-bottom:22px}
.f3dd h1{font-size:clamp(44px,4.8vw,67px);margin:0 0 18px}
.f3dd h1 em{font-style:normal;color:var(--diary-red);display:block}
.f3dd-tagline{font-size:21px;font-weight:800;line-height:1.35;margin-bottom:14px!important}
.f3dd-hero-copy>p:not(.f3dd-tagline){font-size:15px;line-height:1.75}
.f3dd-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:25px}
.f3dd-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;background:#121212;color:#fff!important;border:2px solid #121212;border-radius:7px;box-shadow:4px 4px 0 #f8cf42;padding:12px 17px;font-weight:750;font-size:13px;line-height:1.45;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.f3dd-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #f8cf42}
.f3dd-text-link{font-weight:750;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
.f3dd-hero-art{position:relative;min-width:0;min-height:440px;background:#eee8dd}
.f3dd-image{display:block;width:100%;height:100%;object-fit:cover;max-width:100%}
.f3dd-hero-art .f3dd-image{position:absolute;inset:0;object-position:62% 50%}
.f3dd-art-note{position:absolute;bottom:22px;left:22px;right:22px;width:fit-content;max-width:calc(100% - 44px);background:#f8cf42;color:#121212;font-size:13px;font-weight:800;line-height:1.4;padding:9px 13px;border:2px solid #121212;transform:rotate(-2deg)}
.f3dd-entries{scroll-margin-top:45px}
.f3dd-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 26px}
.f3dd-eyebrow{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;margin-bottom:9px}
.f3dd h2{font-size:46px}
.f3dd-section-heading>p{font-size:14px;line-height:1.5;color:#4c4c4c;max-width:250px}
.f3dd-filters{display:flex;gap:8px;flex-wrap:wrap}
.f3dd-filters a{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1.5px solid #121212;border-radius:24px;padding:8px 14px;font-size:12px;font-weight:750;text-decoration:none;background:#fff;line-height:1.4}
.f3dd-filters a span{font-size:10px;opacity:.75}
.f3dd-filters a[aria-current=true],.f3dd-filters a:hover{background:#f8cf42}
.f3dd-results{font-size:11px;color:#666;margin:14px 0 22px!important}
.f3dd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.f3dd-card{border:2px solid #121212;border-radius:10px;overflow:hidden;background:#fff;box-shadow:5px 5px 0 #eee8db;display:flex;flex-direction:column;min-width:0}
.f3dd-card[hidden]{display:none!important}
.f3dd-card-art{display:block;aspect-ratio:3/2;overflow:hidden;border-bottom:2px solid #121212;background:#f5f0e7}
.f3dd-card-art img{transition:transform .25s}
.f3dd-card:hover .f3dd-card-art img{transform:scale(1.035)}
.f3dd-card-body{padding:22px;display:flex;flex-direction:column;flex:1}
.f3dd-card-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;margin-bottom:15px;color:#555;font-weight:650}
.f3dd-card-meta span:first-child{text-transform:uppercase;letter-spacing:.04em;color:#a82722;font-weight:800}
.f3dd-card h3{font-size:30px;line-height:1.08;margin:0 0 13px}
.f3dd-card h3 a{text-decoration:none!important}
.f3dd-card h3 a:hover{text-decoration:underline!important;text-underline-offset:3px}
.f3dd-card p{font-size:13px;line-height:1.75;margin-bottom:22px;color:#444}
.f3dd-read{font-size:12px;line-height:1.5;font-weight:800;display:flex;justify-content:space-between;align-items:center;min-height:38px;margin-top:auto;text-decoration:none!important;border-top:1px solid #dedbd5;padding-top:12px}
.f3dd-bottom{border-top:2px solid #121212;display:flex;justify-content:space-between;gap:20px;align-items:center;margin:54px 0 0;padding:22px 0}
.f3dd-bottom p{font-size:14px;line-height:1.5}
.f3dd-teaser{display:grid;grid-template-columns:1.15fr 1fr;border:2px solid #121212;border-radius:10px;overflow:hidden;background:#fffaf0;box-shadow:6px 6px 0 #f8cf42;margin:38px 6px 48px 0;max-width:1120px}
.f3dd-teaser-copy{padding:30px 32px;align-self:center}
.f3dd-teaser .f3dd-kicker{margin-bottom:18px}
.f3dd-teaser h2{font-size:clamp(32px,3.2vw,43px);margin:0 0 14px}
.f3dd-teaser p{font-size:14px;line-height:1.7;margin:0 0 20px}
.f3dd-teaser-art{display:block;min-height:280px;position:relative}
.f3dd-teaser-art img{position:absolute;inset:0;object-position:60% 50%}
.f3dd-secondary-link{display:inline-flex;align-items:center;min-height:48px;margin-left:24px;font-weight:750;text-underline-offset:4px;font-size:14px;color:#121212!important}
.f3dd-story-header{max-width:840px;margin:0 auto 28px}
.f3dd-story-header h1{font-size:clamp(40px,5vw,66px);margin:0 0 16px;line-height:1.04}
.f3dd-story-meta{font-size:13px;color:#555;display:flex;gap:12px;align-items:center}
.f3dd-story-art{border:2px solid #121212;border-radius:10px;box-shadow:6px 6px 0 #f8cf42;overflow:hidden;max-width:840px;margin:0 auto 42px;aspect-ratio:2/1}
.f3dd-story-art img{object-position:50% 52%}
.f3dd-story-text{max-width:700px;margin:0 auto;font-size:18px;line-height:1.8;color:#242424}
.f3dd-story-text p{font-size:inherit;line-height:inherit;margin:0 0 .85em}
.f3dd-story-text p:last-child{font-weight:750}
.f3dd-story-end{max-width:700px;margin:45px auto 0}
.f3dd-next{padding:25px 28px;border:2px solid #121212;background:#fffaf0;border-radius:9px;display:flex;flex-direction:column;gap:12px}
.f3dd-next>a:not(.f3dd-text-link){font-family:"Bebas Neue",Impact,sans-serif;font-size:32px;line-height:1.12;text-decoration:none}
.f3dd-next .f3dd-eyebrow{margin:0;color:#a82722}
.f3dd-product-note{margin-top:28px!important;font-size:13px;line-height:1.8;color:#555}
.f3dd-product-note a{font-weight:700;text-underline-offset:3px}
body.f3dd-hub-page .wp-block-post-title,body.f3dd-story-page .wp-block-post-title{display:none}
body.f3dd-hub-page .wp-block-post-content,body.f3dd-story-page .wp-block-post-content{max-width:1120px!important;width:100%;margin-left:auto!important;margin-right:auto!important}
body.f3dd-hub-page .wp-block-post-content>.f3dd,body.f3dd-story-page .wp-block-post-content>.f3dd-story{max-width:1120px!important}
@media(max-width:900px){.f3dd-hero{grid-template-columns:1fr 1fr}.f3dd-hero-copy{padding:28px 24px}.f3dd h1{font-size:49px}.f3dd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.f3dd-teaser-copy{padding:26px 24px}}
@media(max-width:600px){.f3dd,.f3dd-story{margin-bottom:40px}.f3dd-hero{grid-template-columns:1fr;margin-bottom:50px;box-shadow:5px 5px 0 #f8cf42}.f3dd-hero-copy{padding:27px 23px}.f3dd h1{font-size:49px}.f3dd-kicker{font-size:10px;margin-bottom:20px}.f3dd-tagline{font-size:19px}.f3dd-hero-copy>p:not(.f3dd-tagline){font-size:14px}.f3dd-hero-art{min-height:0;aspect-ratio:3/2;border-top:2px solid #121212}.f3dd-hero-art .f3dd-image{object-position:center}.f3dd-actions{gap:19px;align-items:flex-start;flex-direction:column}.f3dd-button{font-size:12px;padding:11px 13px}.f3dd-art-note{font-size:11px;bottom:14px;left:15px}.f3dd-section-heading{display:block}.f3dd h2{font-size:38px}.f3dd-section-heading>p{margin-top:13px;max-width:none}.f3dd-filters{gap:7px}.f3dd-filters a{padding:7px 11px;font-size:11px}.f3dd-grid{grid-template-columns:1fr;gap:24px}.f3dd-card-body{padding:21px}.f3dd-card h3{font-size:31px}.f3dd-bottom{display:block;margin-top:40px}.f3dd-bottom a{display:inline-block;margin-top:16px}.f3dd-teaser{grid-template-columns:1fr;margin-top:28px;box-shadow:5px 5px 0 #f8cf42}.f3dd-teaser-copy{padding:25px 22px}.f3dd-teaser h2{font-size:37px}.f3dd-teaser-art{min-height:0;aspect-ratio:3/2;border-top:2px solid #121212}.f3dd-secondary-link{margin-left:0;margin-top:12px;display:flex;width:fit-content;font-size:13px}.f3dd-story-header h1{font-size:43px}.f3dd-story-art{aspect-ratio:3/2;box-shadow:4px 4px 0 #f8cf42;margin-right:4px;margin-bottom:30px}.f3dd-story-text{font-size:17px;line-height:1.75}.f3dd-next{padding:22px}.f3dd-next>a:not(.f3dd-text-link){font-size:29px}}
@media(prefers-reduced-motion:reduce){.f3dd-button,.f3dd-card-art img{transition:none}.f3dd-card:hover .f3dd-card-art img{transform:none}}

/* Focused diary reading layout within the existing Kidora template. */
body.f3dd-story-page main>.wp-block-columns{display:block;max-width:1120px;margin-left:auto;margin-right:auto}
body.f3dd-story-page main>.wp-block-columns>.wp-block-column:not(:has(.f3dd-story)){display:none}
body.f3dd-story-page main>.wp-block-columns>.wp-block-column:has(.f3dd-story)>.wp-block-group>:not(:has(.f3dd-story)){display:none}
body.f3dd-story-page .wp-block-group:has(>.wp-block-post-content>.f3dd-story){padding-left:0!important;padding-right:0!important}
body.f3dd-story-page .f3dd-story>.f3dd-breadcrumb{max-width:840px;margin-left:auto;margin-right:auto}

.f3dd-teaser .f3dd-teaser-copy>h2{margin:0 0 14px}
.f3dd-teaser .f3dd-teaser-copy>p{margin:0 0 20px;line-height:1.7}

/* Readability: match the shop body text, keep controls legible on mobile. */
.f3dd-breadcrumb{font-size:15px}
.f3dd-kicker,.f3dd-eyebrow{font-size:13px}
.f3dd-hero-copy>p:not(.f3dd-tagline){font-size:20px;line-height:1.65}
.f3dd-button,.f3dd-text-link,.f3dd-secondary-link{font-size:16px}
.f3dd-art-note{font-size:14px}
.f3dd-section-heading>p{font-size:18px;max-width:300px}
.f3dd-filters a{font-size:16px;padding:10px 16px}
.f3dd-filters a span{font-size:14px;opacity:1}
.f3dd-results{font-size:14px;color:#4c4c4c}
.f3dd-card-meta{font-size:14px;flex-wrap:wrap;gap:6px 12px}
.f3dd-card p{font-size:18px;line-height:1.65;color:#242424}
.f3dd-read{font-size:16px;min-height:44px}
.f3dd-bottom p{font-size:18px;line-height:1.65}
.f3dd-teaser .f3dd-teaser-copy>p{font-size:18px;line-height:1.65}
.f3dd-story-meta{font-size:15px}
.f3dd-story-text{font-size:20px;line-height:1.75}
.f3dd-product-note{font-size:16px;color:#444}
@media(max-width:600px){.f3dd-hero-copy>p:not(.f3dd-tagline){font-size:18px}.f3dd-story-text{font-size:19px}.f3dd-filters a{padding:9px 13px}}