html body.blog242-page #main .blog242-hero{display:block!important;position:static!important;inset:auto!important;max-width:880px!important;width:calc(100% - 40px)!important;margin:0 auto!important;padding:38px 0 24px!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;overflow:visible!important}
html body.blog242-page #main .blog242-hero>*{max-width:100%;min-width:0}
html body.blog242-page #main .blog242-hero h1{font-size:clamp(32px,5vw,58px)!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:22px 0!important;width:auto!important;max-width:100%!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important}
html body.blog242-page #main .blog242-hero h1 br{display:none}
html body.blog242-page #main .blog242-breadcrumb{font-size:14px;color:#4b6976;text-decoration:none}
html body.blog242-page #main .blog242-kicker{font-size:11px!important;letter-spacing:.14em;font-weight:750;line-height:1.65;margin:30px 0 16px;color:#426373}
html body.blog242-page #main .blog242-lead{font-size:clamp(18px,2.5vw,25px)!important;line-height:1.6!important;color:#536976;margin:24px 0}
html body.blog242-page #main .blog242-byline{font-size:12px!important;line-height:1.6!important;color:#536976;margin:24px 0 12px}
html body.blog242-page #main .blog242-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:13px!important;line-height:1.5!important;color:#426373;font-weight:650;margin:12px 0 22px}
html body.blog242-page #main .blog242-meta svg{width:19px;height:19px;flex:none}
html body.blog242-page #main .blog242-hero .tone-toggle{display:inline-flex;position:relative;margin:0 0 20px;float:none}
html body.blog242-page #main .blog242-hero figure{display:block;margin:0;width:100%}
html body.blog242-page #main .blog242-hero figure img{display:block;width:100%;max-height:510px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:22px}
html body.blog242-page #main .blog242-hero figcaption{font-size:12px!important;line-height:1.5!important;color:#536976;margin:12px 0}
html body.blog242-page #main .journey-layout{display:block;max-width:880px}
html body.blog242-page #main .blog242-article{width:calc(100% - 40px);max-width:880px;margin:0 auto;min-width:0}
html body.blog242-page #main .journey-layout .blog242-article{width:100%}
html body.blog242-page #main .blog242-toc{display:block!important;position:static!important;inset:auto!important;transform:none!important;z-index:auto!important;margin:30px 0 40px!important;padding:24px!important;border:0!important;border-radius:22px!important;background:#eaf1f3!important;box-shadow:none!important;max-width:100%!important;width:auto!important;color:#193b4d}
html body.blog242-page #main .blog242-toc summary{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:17px!important;font-weight:700;line-height:1.5;padding:0;list-style:none;cursor:pointer;background:none;color:inherit}
html body.blog242-page #main .blog242-toc summary::-webkit-details-marker{display:none}
html body.blog242-page #main .blog242-toc-state{font-size:12px;font-weight:550;white-space:nowrap}
.blog242-toc[open] .when-closed,.blog242-toc:not([open]) .when-open{display:none}
html body.blog242-page #main .blog242-toc:not([open])>div{display:none!important}
html body.blog242-page #main .blog242-toc>div{display:block!important;position:static!important;margin-top:18px}
html body.blog242-page #main .blog242-toc a{display:grid!important;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:12px 0;border-bottom:1px solid #bed2da;color:#193b4d!important;background:none!important;text-decoration:none!important;font-size:16px!important;line-height:1.55;font-weight:400;transform:none!important}
html body.blog242-page #main .blog242-toc a:is(:hover,:focus-visible){text-decoration:underline!important;text-underline-offset:4px}
html body.blog242-page #main .editorial238-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html body.blog242-page #main .editorial238-actions>:is(a,button){width:100%;min-height:50px}
html body.blog242-page #main .blog242-related{margin:40px 0}
html body.blog242-page #main .blog242-related h2,html body.blog242-page #main .blog242-community h2{font-size:clamp(24px,3vw,32px)!important;line-height:1.25}
html body.blog242-page #main .blog242-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body.blog242-page #main .blog242-card{display:block;color:white!important;text-decoration:none!important;background:transparent!important;border:0;padding:0;perspective:1100px;min-width:0}
html body.blog242-page #main .blog242-card-inner{display:grid;transform-style:preserve-3d;transition:transform .55s;min-height:260px}
html body.blog242-page #main .blog242-card-front,html body.blog242-page #main .blog242-card-back{grid-area:1/1;backface-visibility:hidden;border-radius:22px;overflow:hidden;background:#193b4d;color:white;padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
html body.blog242-page #main .blog242-card-front svg{width:40px;height:40px;flex:none;color:#dfff78}
html body.blog242-page #main .blog242-card-front strong{font-size:21px;line-height:1.3;color:inherit}
html body.blog242-page #main .blog242-card-front>span{font-size:15px;line-height:1.6;color:#dfebef}
html body.blog242-page #main .blog242-card-back{transform:rotateY(180deg);padding:0;position:relative}
html body.blog242-page #main .blog242-card-back img{position:absolute;width:100%;height:100%;object-fit:cover}
html body.blog242-page #main .blog242-card-back>span{margin-top:auto;position:relative;padding:18px;background:#193b4de8;color:#dfff78;width:100%;font-weight:700}
html body.blog242-page #main .blog242-all{display:inline-block;margin:22px 0;color:#193b4d;text-underline-offset:5px}
@media(hover:hover) and (pointer:fine){html body.blog242-page #main .blog242-card:is(:hover,:focus-visible) .blog242-card-inner{transform:rotateY(180deg)}}
html body.blog242-page #main .blog242-community{margin:48px 0;padding:28px;border:1px solid #cbdadf;border-radius:22px;background:#edf3f3;color:#193b4d;min-width:0}
html body.blog242-page #main .blog242-community *{box-sizing:border-box;min-width:0}
html body.blog242-page #main .blog242-community p{font-size:15px;line-height:1.7}
html body.blog242-page #main .blog242-community h3{font-size:21px!important;line-height:1.4}
html body.blog242-page #main .blog242-community button{background:#193b4d;color:#fff;border:1px solid #193b4d;border-radius:11px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;padding:12px 16px;cursor:pointer;min-height:44px}
html body.blog242-page #main .blog242-community button:is(:hover,:focus-visible,:active),html body.blog242-page #main .blog242-community button[aria-pressed=true]{color:#dfff78}
html body.blog242-page #main .blog242-community button:disabled{opacity:.55;cursor:not-allowed}
html body.blog242-page #main :is(.blog242-community,.blog242-toc,.blog242-related) :is(a,button,input,textarea,summary):focus-visible{outline:3px solid #658632;outline-offset:4px}
html body.blog242-page #main .blog242-reactions{display:flex;flex-wrap:wrap;gap:8px}
html body.blog242-page #main .blog242-reactions button{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:10px;font-size:12px}
html body.blog242-page #main .blog242-reactions button>span:first-child{font-size:23px}
html body.blog242-page #main .blog242-community label{display:block;font-size:14px;margin:14px 0}
html body.blog242-page #main .blog242-community :is(input:not([type=checkbox],[type=hidden]),textarea){display:block;width:100%;border:1px solid #adc3cb;background:white;color:#193b4d;border-radius:10px;padding:12px;font:16px/1.5 system-ui;margin-top:6px;resize:vertical}
html body.blog242-page #main .blog242-community .blog242-check{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.6}
.blog242-check input{width:18px;height:18px;flex:none;accent-color:#193b4d}
html body.blog242-page #main .blog242-community [hidden]{display:none!important}
html body.blog242-page #main .blog242-community .blog242-honey{display:none}
html body.blog242-page #main .blog242-note{font-size:12px!important;color:#536976}
.blog242-form-actions{display:flex;flex-wrap:wrap;gap:10px}
.blog242-subscribe{border-top:1px solid #bed2da;margin-top:30px;padding-top:20px}
.blog242-comment{border-top:1px solid #bed2da;padding:20px 0;overflow-wrap:anywhere}
.blog242-comment p{white-space:pre-wrap}
.blog242-comment small{display:block;color:#536976;font-size:12px}
.blog242-replies{margin:12px 0 0;padding-left:16px;border-left:3px solid #cbdadf}
.blog242-replies summary{cursor:pointer;padding:8px 0;font-weight:600;font-size:14px}
.blog242-reply{padding:12px 0;border-bottom:1px solid #d4e0e4}
@media(max-width:650px){html body.blog242-page #main .blog242-hero{width:calc(100% - 40px)!important;padding-top:24px!important}html body.blog242-page #main .blog242-hero figure img{aspect-ratio:4/3;max-height:420px}html body.blog242-page #main .blog242-toc{padding:20px!important}html body.blog242-page #main .blog242-toc summary{font-size:16px!important}html body.blog242-page #main .blog242-toc a{font-size:15px!important}html body.blog242-page #main .editorial238-actions{grid-template-columns:repeat(2,minmax(0,1fr))}html body.blog242-page #main .blog242-cards{grid-template-columns:1fr}html body.blog242-page #main .blog242-card-inner{min-height:0}html body.blog242-page #main .blog242-card-front{display:grid;grid-template-columns:42px minmax(0,1fr);padding:24px;gap:12px 18px}html body.blog242-page #main .blog242-card-front>span{grid-column:2}html body.blog242-page #main .blog242-card-back{display:none}html body.blog242-page #main .blog242-community{padding:22px 18px}html body.blog242-page #main .blog242-meta{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){html body.blog242-page #main .blog242-card-inner{transition:none!important;transform:none!important}.blog242-card-back{display:none!important}}
@media print{.blog242-community,.blog242-related{display:none}.blog242-toc>div{display:block!important}}
html body.blog242-page #main .blog242-toc summary::after{display:none!important}
html body.blog242-page #main .blog242-toc summary:is(:hover,:focus-visible){background:transparent!important;color:#193b4d!important}
/* 243: Reactions belong immediately below the story, before sharing and recommendations. */
html body.blog242-page #main .blog243-reaction-strip{margin:38px 0 24px;padding:22px 0;border-top:1px solid #ccdade;border-bottom:1px solid #ccdade;background:transparent;min-width:0}
html body.blog242-page #main .blog243-reaction-strip>p{font-size:16px;margin:0 0 14px;color:#496370}
html body.blog242-page #main .blog243-reaction-strip [data-reaction-status]:empty{display:none}
html body.blog242-page #main .blog243-reaction-strip .blog242-reactions{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}
html body.blog242-page #main .blog243-reaction-strip [data-reaction]{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:5px;flex:1 1 90px;min-width:0;max-width:160px;padding:12px 8px;border:1px solid #d5e0e4;border-radius:16px;background:#fff;color:#193b4d;font-size:13px;line-height:1.3;font-weight:600;box-shadow:0 2px 6px #193b4d08;transition:transform .16s,background .16s}
html body.blog242-page #main .blog243-reaction-strip .blog243-emoji{display:block;font-size:34px;line-height:1.2;filter:none}
html body.blog242-page #main .blog243-reaction-strip [data-reaction] b{font-size:12px;font-weight:700;color:#4b6572}
html body.blog242-page #main .blog243-reaction-strip [data-reaction]:is(:hover,:focus-visible){background:#edf3f5;border-color:#698b9a;color:#193b4d;transform:translateY(-3px)}
html body.blog242-page #main .blog243-reaction-strip [data-reaction][aria-pressed=true]{background:#edfacb;border-color:#58751c;box-shadow:0 0 0 1px #58751c;color:#193b4d}
html body.blog242-page #main .blog243-register,html body.blog242-page #main .blog243-newsletter{display:block;margin:26px 0 0;padding:0;border:1px solid #c9d9de;border-radius:16px;background:#fff;min-width:0;overflow:visible}
html body.blog242-page #main :is(.blog243-register,.blog243-newsletter)>summary{position:static;display:list-item;padding:18px;cursor:pointer;font-size:18px;line-height:1.4;font-weight:700;color:#193b4d;background:transparent;border:0}
html body.blog242-page #main :is(.blog243-register,.blog243-newsletter)>summary:after{content:none}
html body.blog242-page #main :is(.blog243-register,.blog243-newsletter)>:not(summary){margin:18px}
html body.blog242-page #main .blog242-community [hidden]{display:none!important}
html body.blog242-page #main .blog242-check{align-items:start;line-height:1.55}
html body.blog242-page #main .blog242-check input{margin-top:5px;flex:none}
@media(max-width:520px){html body.blog242-page #main .blog243-reaction-strip .blog242-reactions{gap:5px;flex-wrap:nowrap}html body.blog242-page #main .blog243-reaction-strip [data-reaction]{flex:1 1 0;padding:9px 2px;border-radius:12px;font-size:10px}html body.blog242-page #main .blog243-reaction-strip .blog243-emoji{font-size:29px}html body.blog242-page #main .blog243-reaction-label{min-height:28px;display:flex;align-items:center;overflow-wrap:normal;word-break:normal}}
@media(prefers-reduced-motion:reduce){html body.blog242-page #main .blog243-reaction-strip [data-reaction]{transition:none;transform:none}}
/* 244: Shared novel chapters and neutral related-story section. */
html body.blog242-page #main .blog242-related{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;position:static!important}
html body.blog242-page #main .blog242-related::before,html body.blog242-page #main .blog242-related::after{content:none!important}
html body.blog242-page #main .blog244-chapter{display:block!important;position:relative!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;max-width:690px!important;width:100%!important;margin:68px auto!important;color:#193648!important;scroll-margin-top:115px}
html body.blog242-page #main .blog244-chapter>p{font-size:18px!important;line-height:1.85!important;margin:0 0 23px!important;text-wrap:pretty;color:inherit}
html body.blog242-page #main .blog244-chapter>h2{font-size:clamp(27px,3.4vw,39px)!important;line-height:1.17!important;letter-spacing:-.025em!important;margin:0 0 26px!important;color:#193648!important;text-wrap:balance}
html body.blog242-page #main .blog244-chapter>.blog244-kicker{font-size:11px!important;line-height:1.5!important;letter-spacing:.14em;font-weight:750;text-transform:uppercase;margin:0 0 16px!important;color:#466772!important}
html body.blog242-page #main .blog244-chapter>.blog244-kicker::before{content:'';display:inline-block;vertical-align:middle;width:25px;height:3px;background:#b0c861;margin-right:12px;transition:width .75s ease}
html body.blog242-page #main .blog244-chapter.is-seen>.blog244-kicker::before{width:48px}
html body.blog242-page #main .blog244-opening::first-letter{float:left;font-family:Georgia,serif;font-size:4.1em;line-height:.9;margin:.1em .12em 0 0;color:#315e69}
html body.blog242-page #main .blog244-chapter.is-seen>h2{animation:novel244-heading .6s ease both}
@keyframes novel244-heading{from{transform:translateY(6px)}to{transform:none}}
html body.blog242-page #main .blog244-login{display:block;margin:26px 0 0;padding:0;border:1px solid #c9d9de;border-radius:16px;background:#fff;min-width:0}
html body.blog242-page #main :is(.blog244-login,.blog243-register,.blog243-newsletter)>summary{display:list-item!important;background:transparent!important;color:#193b4d!important;padding:18px!important;font-size:18px!important;font-weight:700;cursor:pointer}
html body.blog242-page #main .blog244-login>summary:after{content:none!important}
html body.blog242-page #main .blog244-login>:not(summary){margin:18px}
html body.blog242-page #main .blog242-community [role=status]:not(:empty){padding:10px 12px;border-left:3px solid #759636;background:#fff;border-radius:6px;color:#193b4d;font-size:14px}
html body.blog242-page #main .blog242-community [aria-invalid=true]{border-color:#9f3e37!important;outline:2px solid #9f3e3730}
@media(max-width:650px){html body.blog242-page #main .blog244-chapter{margin:44px auto!important;scroll-margin-top:96px}html body.blog242-page #main .blog244-chapter>p{font-size:17px!important;line-height:1.8!important;margin-bottom:21px!important}html body.blog242-page #main .blog244-chapter>h2{font-size:29px!important;margin-bottom:21px!important}}
@media(prefers-reduced-motion:reduce){html body.blog242-page #main .blog244-chapter,html body.blog242-page #main .blog244-chapter * ,html body.blog242-page #main .blog244-chapter *::before{animation:none!important;transition:none!important}}
/* Portraits keep their full composition instead of losing faces to the wide hero crop. */
html body.blog242-page #main .blog242-hero .blog245-portrait-hero{display:grid;justify-items:center;background:transparent;max-width:100%;margin-inline:auto}
html body.blog242-page #main .blog242-hero .blog245-portrait-hero img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:660px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;border-radius:22px}
html body.blog242-page #main .blog242-card-back img[src*="instagram-9"]{object-position:center 16%!important}
html body.blog242-page #main .blog245-radfenster .s236-reveal-stage{height:clamp(320px,65vw,520px)!important;aspect-ratio:auto!important;background:#eaf0ed}
html body.blog242-page #main .blog245-radfenster .s237-reveal-photo{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}

/* 246: Optional story surfaces, shared across all stories. Normal chapters keep the quiet novel layout. */
html body.blog242-page #main .blog244-chapter[data-story-surface]{box-sizing:border-box;max-width:766px!important;padding:clamp(20px,4vw,38px)!important;border-radius:26px!important;isolation:isolate}
html body.blog242-page #main .blog244-chapter[data-story-surface="mist"]{background:#e9f1f3!important}
html body.blog242-page #main .blog244-chapter[data-story-surface="lime"]{background:#edf3e5!important}
html body.blog242-page #main .blog244-chapter[data-story-surface]>:last-child{margin-bottom:0!important}
@media(max-width:650px){html body.blog242-page #main .blog244-chapter[data-story-surface]{border-radius:20px!important;padding:24px 20px!important}}
/* One compact account area; three familiar, independent entry points. */
.blog242-community .blog247-access{margin-top:2rem;border-top:1px solid #cbdce2;padding-top:1.5rem;background:transparent}
.blog247-access>h3{margin:0 0 .4rem}.blog247-access>details{margin:.65rem 0;padding:0;border:1px solid #cbdce2;border-radius:16px;background:transparent;overflow:hidden}
.blog247-access>details>summary{display:block;position:relative;padding:1rem 3rem 1rem 1.2rem;font-size:1.08rem;font-weight:750;color:#193b4d;cursor:pointer;list-style:none}
.blog247-access>details>summary::-webkit-details-marker{display:none}.blog247-access>details>summary::after{content:'+';position:absolute;right:1.2rem;top:1rem;font-size:1.3rem}.blog247-access>details[open]>summary::after{content:'−'}
.blog247-access>details>summary span{display:block;font-weight:400;font-size:.92rem;line-height:1.5;margin-top:.25rem;color:#526873}
.blog247-access>details[open]>summary{background:#edf3f5}.blog247-access>details>form,.blog247-access>details>p,.blog247-access>details>.blog247-reset{margin:1rem 1.2rem}
.blog247-access summary:hover,.blog247-access summary:focus-visible{background:#193b4d;color:#dfff78}.blog247-access summary:hover span,.blog247-access summary:focus-visible span{color:#dfff78}
.blog247-access form{max-width:38rem}.blog247-reset{border-top:1px solid #cbdce2;padding-top:1rem}.blog247-reset summary{font-size:.95rem;cursor:pointer}.blog247-reset form{margin-top:1rem}
@media(max-width:520px){.blog247-access>details>summary{padding-left:1rem}.blog247-access>details>form,.blog247-access>details>p,.blog247-access>details>.blog247-reset{margin:1rem}.blog247-access button[type=submit]{width:100%}}
