/* Page-specific design system for the held-out Freedom Now web edition. */
:root{--fn-ink:#152238;--fn-muted:#617085;--fn-gold:#f0bd50;--fn-gold-soft:#fff4d2;--fn-blue:#153d67;--fn-sky:#79bdeb;--fn-sky-soft:#e9f6ff;--fn-blue-soft:#e8f1fb;--fn-pale:#f4f7fa;--fn-paper:#fffdfa;--fn-line:#dfe5ec}
html body.site-modern.digital-detox-playbook .hero{display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr)!important;min-height:calc(100svh - 80px)!important;padding:0!important;overflow:hidden;align-items:stretch!important;justify-content:stretch!important;background:#f5cb33!important}
body.digital-detox-playbook .hero-copy{display:flex;align-items:center;padding:clamp(46px,6vw,76px) max(34px,calc((100vw - 1160px)/2));background:linear-gradient(135deg,#f5cb33 0%,#ffe272 100%)}
body.digital-detox-playbook .hero-copy,body.digital-detox-playbook .hero h1,body.digital-detox-playbook .hero .lede,body.digital-detox-playbook .hero .privacy-line{text-align:left!important}
body.digital-detox-playbook .hero h1{max-width:10ch!important;margin:0!important;color:#17233b!important;font-size:clamp(3.2rem,5.6vw,5.25rem)!important;line-height:.94!important;letter-spacing:-.06em!important;text-shadow:none!important}
body.digital-detox-playbook .hero .eyebrow{margin:0 0 18px!important;color:#163e70!important;font-size:.77rem!important;line-height:1.2!important;letter-spacing:.16em!important;text-transform:uppercase!important}
body.digital-detox-playbook .hero .lede{max-width:590px!important;margin:22px 0 26px!important;color:#293a52!important;font-size:1.12rem!important;line-height:1.58!important}
body.digital-detox-playbook .hero .privacy-line{max-width:590px!important;margin:22px 0 0!important;color:#526176!important;font-size:.9rem!important;line-height:1.5!important}
@media(max-width:900px){html body.site-modern.digital-detox-playbook .hero{grid-template-columns:1fr!important;min-height:0!important;padding:0!important}body.digital-detox-playbook .hero-copy{padding:58px 28px 62px}}
@media(max-width:560px){body.digital-detox-playbook .hero-copy{padding:44px 22px 50px}body.digital-detox-playbook .hero h1{font-size:clamp(2.85rem,14vw,3.35rem)!important}body.digital-detox-playbook .hero .lede{margin-top:19px!important;font-size:1.02rem!important;line-height:1.5!important}}
.fn-hero{position:relative;min-height:540px;display:grid;align-items:end;color:#fff;background-color:#12233a;background-position:center;background-size:cover}
.fn-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,34,.94),rgba(8,18,34,.7) 55%,rgba(8,18,34,.28))}
.fn-hero .wrap{position:relative;z-index:1;padding-top:110px;padding-bottom:78px}
.fn-kicker{margin:0 0 16px;color:#ffd474;font-size:.78rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.fn-hero h1{max-width:900px;margin:0 0 20px;color:#fff;font-size:clamp(3rem,7vw,6.4rem);line-height:.94;letter-spacing:-.055em}
.fn-hero .standfirst{max-width:780px;margin:0;color:#eef4fa;font-size:clamp(1.12rem,2.2vw,1.45rem);line-height:1.55}
.fn-source-note{position:relative;z-index:2;max-width:860px;margin:-38px auto 52px;padding:20px 24px;border:1px solid #eadfca;border-radius:16px;background:#fff9ed;box-shadow:0 18px 50px rgba(26,36,50,.09);color:#4b3d27;font-size:.95rem;line-height:1.65}
.fn-source-note strong{color:#2d2316}
.fn-source-note a{color:#174f84}
.fn-layout{display:grid;grid-template-columns:minmax(0,220px) minmax(0,760px);gap:64px;align-items:start;width:100%;max-width:1080px;margin:0 auto;padding:0 24px 110px;box-sizing:border-box}
.fn-toc{position:sticky;top:96px;min-width:0;padding:22px;border:1px solid #e0e6ed;border-radius:18px;background:#f8fafc;box-sizing:border-box;overflow:hidden}
.fn-toc p{width:100%;max-width:100%;margin:0 0 12px;box-sizing:border-box;color:#334960;font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.fn-toc a{display:block;width:100%;max-width:100%;padding:8px 0;box-sizing:border-box;border-bottom:1px solid #e2e7ed;color:#50647b;font-size:.9rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere;text-decoration:none}
.fn-toc a:last-child{border:0}.fn-toc a:hover{color:#123f6b}
.fn-copy{min-width:0;color:var(--fn-ink)}
.fn-copy h2{scroll-margin-top:110px;margin:82px 0 24px;padding-top:25px;border-top:1px solid var(--fn-line);color:#102a48;font-size:clamp(2.05rem,3.7vw,2.8rem);line-height:1.08;letter-spacing:-.035em}
.fn-copy h3{scroll-margin-top:110px;margin:56px 0 18px;color:#173a5e;font-family:Montserrat,Arial,sans-serif;font-size:clamp(1.3rem,2.2vw,1.48rem);font-weight:800;letter-spacing:-.018em;line-height:1.28;text-transform:none}
.fn-copy p{margin:0 0 22px;font-family:Georgia,'Times New Roman',serif;font-size:1.08rem;line-height:1.74;color:#293444}
.fn-copy .fn-beat{margin:34px 0;color:#194e7c;font-size:1.38rem;font-style:italic}
.fn-copy ul,.fn-copy ol{margin:22px 0 32px;padding:0;list-style:none}
.fn-copy li{position:relative;margin:9px 0;padding:15px 18px 15px 44px;border:1px solid #dfe7ee;border-radius:12px;background:#f8fbfe;font-family:Georgia,'Times New Roman',serif;font-size:1.02rem;line-height:1.58;color:#303a49}
.fn-copy li:before{content:'•';position:absolute;left:19px;top:13px;color:#d89b24;font-size:1.22rem;font-weight:900}
.fn-copy ol.fn-source-list{padding-left:30px;list-style:decimal}.fn-copy ol.fn-source-list li{padding-left:20px}.fn-copy ol.fn-source-list li:before{display:none}
.fn-source-table-wrap{max-width:100%;margin:26px 0 34px;overflow-x:auto;border:1px solid #d9e2eb;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(18,49,79,.06)}
.fn-source-table{width:100%;min-width:620px;border-collapse:collapse;font-family:Georgia,'Times New Roman',serif;color:#293444}
.fn-source-table th,.fn-source-table td{width:50%;padding:16px 18px;border-right:1px solid #d9e2eb;border-bottom:1px solid #d9e2eb;text-align:left;vertical-align:top;line-height:1.55}
.fn-source-table th:last-child,.fn-source-table td:last-child{border-right:0}.fn-source-table tbody tr:last-child td{border-bottom:0}
.fn-source-table th{background:#153d67;color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:.9rem;letter-spacing:.01em}.fn-source-table td{font-size:1rem}
.fn-card .go{white-space:normal;overflow-wrap:anywhere}
.fn-work{padding:18px 20px 42px!important;border:1px solid #e2d7c3!important;border-radius:12px;background:repeating-linear-gradient(to bottom,var(--fn-paper) 0,var(--fn-paper) 34px,#e8dfcf 35px,#e8dfcf 36px)}
.fn-original-claim{padding:22px 24px;border-left:4px solid #da9e2c;background:#fff8e8;border-radius:0 14px 14px 0}
.fn-end{margin-top:58px;padding:32px;border-radius:20px;background:#12314f;color:#fff}
.fn-end strong{display:block;margin-bottom:10px;color:#ffd06a;font-size:.75rem;letter-spacing:.11em;text-transform:uppercase}
.fn-end p{margin:0;color:#fff}
.fn-end a{display:inline-block;margin:7px 8px 0 0;padding:10px 13px;border:1px solid rgba(255,255,255,.25);border-radius:10px;color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:.9rem;font-weight:800;text-decoration:none}
.fn-end a:hover{background:#fff;color:#12314f}
.fn-hub-hero{position:relative;overflow:hidden;padding:92px 24px 82px;border-bottom:1px solid #dfe6ed;background:#fffdfa;color:#152238}.fn-hub-hero:after{display:none}
.fn-hub-hero .inner{position:relative;z-index:1;display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:center;max-width:1050px;margin:0 auto}.fn-hub-cover{display:block;width:220px;height:auto;border:1px solid #d9e1e8;border-radius:10px;box-shadow:0 24px 58px rgba(27,45,66,.19);transform:rotate(-2deg)}.fn-hub-copy{min-width:0}.fn-hub-hero h1{margin:0 0 20px;color:#152238;font-size:clamp(3.1rem,7vw,6.25rem);line-height:.9;letter-spacing:-.06em}.fn-hub-hero p{max-width:760px;margin:0;color:#52637a;font-size:1.2rem;line-height:1.58}.fn-hub-jump{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.fn-hub-jump a{display:flex;min-width:0;min-height:72px;padding:11px 14px;align-items:center;gap:10px;border:1px solid #d9e3ec;border-radius:999px;background:#fff;color:#183653;box-shadow:0 8px 22px rgba(25,53,78,.07);text-decoration:none}.fn-hub-jump a:nth-child(2){border-color:#ead7a9;background:#fffaf0}.fn-hub-jump a:hover{border-color:#79bdeb;box-shadow:0 11px 28px rgba(25,53,78,.12)}.fn-hub-jump b{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#f0bd50;color:#152238}.fn-hub-jump a:nth-child(1) b{background:#9fd2f4}.fn-hub-jump a:nth-child(3) b{background:#c9e7fa}.fn-hub-jump span{min-width:0;font-size:.74rem;font-weight:800;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.fn-path{max-width:1180px;margin:0 auto;padding:80px 24px 110px}.fn-phase{position:relative;margin:0 0 84px;scroll-margin-top:100px}.fn-phase-head{display:grid;grid-template-columns:90px 1fr;gap:24px;align-items:center;margin-bottom:28px;padding:30px 32px;border:1px solid #d5e8f6;border-radius:26px;background:linear-gradient(135deg,var(--fn-sky-soft),#fff 70%);box-shadow:0 12px 32px rgba(22,67,104,.06)}#part-2 .fn-phase-head{border-color:#ecddb7;background:linear-gradient(135deg,var(--fn-gold-soft),#fff 72%)}#part-3 .fn-phase-head{border-color:#d6e1f0;background:linear-gradient(135deg,var(--fn-blue-soft),#fff 70%)}.fn-phase-num{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;background:var(--fn-sky);color:#102b47;font-size:2rem;font-weight:900;box-shadow:inset 0 0 0 1px rgba(14,60,98,.08)}#part-2 .fn-phase-num{background:var(--fn-gold);color:#31250f}#part-3 .fn-phase-num{background:#b7d9f2;color:#123451}.fn-phase h2{margin:0;color:#112c49;font-size:clamp(2.2rem,5vw,4.2rem);letter-spacing:-.045em}.fn-phase-head p{grid-column:2;margin:0;color:#566b82;font-size:1.06rem;line-height:1.55}.fn-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-left:114px}.fn-card{position:relative;display:flex;min-height:430px;padding:27px;overflow:hidden;flex-direction:column;border:1px solid #d4e5f1;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(20,42,66,.07);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.fn-card:hover{transform:translateY(-4px);border-color:#94c7e8;box-shadow:0 20px 48px rgba(20,42,66,.14)}.fn-card-media{display:block;height:194px;margin:-27px -27px 24px;overflow:hidden;background:#dce5ee}.fn-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.fn-card:hover .fn-card-media img{transform:scale(1.035)}.fn-card .type{display:block;margin-bottom:14px;color:#97701d;font-size:.72rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.fn-card h3{margin:0 0 10px;color:#112d4b;font-size:1.55rem;line-height:1.12}.fn-card p{margin:0;color:#5d6e81;line-height:1.58}.fn-card .go{display:block;margin-top:auto;padding-top:18px;border-top:1px solid #deebf4;color:#0e619d;font-weight:800}.fn-card.source-pure{background:linear-gradient(180deg,#fffdfa,#fff9e9);border-color:#ead7ad}.fn-card.current{background:linear-gradient(180deg,#fff,#f4faff)}.fn-card.help{background:linear-gradient(145deg,#153a60,#102944);border-color:#25567f}.fn-card.help h3,.fn-card.help .go{color:#fff}.fn-card.help p{color:#d4dfeb}.fn-card.help .type{color:#ffd16d}.fn-card.help .go{border-top-color:rgba(255,255,255,.16)}
.fn-phase-head p{max-width:760px}
.fn-route-note{max-width:920px;margin:0 auto 76px;padding:26px 30px;border-radius:18px;background:#fff5dc;color:#4f3d19;line-height:1.7}.fn-route-note strong{color:#2d230f}.fn-route-note a{color:#174f84;font-weight:800;white-space:normal;overflow-wrap:anywhere}
.fn-experience-context{position:relative;z-index:2;display:grid;grid-template-columns:86px minmax(0,1fr);gap:22px;align-items:center;width:min(960px,calc(100% - 40px));margin:-28px auto 0;padding:22px 26px;border:1px solid #e4d8be;border-radius:18px;background:#fffaf0;box-shadow:0 16px 42px rgba(20,39,62,.1);box-sizing:border-box}.fn-experience-cover{display:block;width:76px;aspect-ratio:500/748;border-radius:7px;background:url(../images/Digital-Detox-Book-New.jpg) center/cover no-repeat;box-shadow:0 8px 20px rgba(76,50,12,.18)}.fn-experience-cover .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.fn-experience-label{margin:0 0 4px!important;color:#9a6a10!important;font-family:Montserrat,Arial,sans-serif!important;font-size:.72rem!important;font-weight:900!important;letter-spacing:.11em!important;line-height:1.3!important;text-transform:uppercase}.fn-experience-context strong{display:block;color:#183655;font-size:1.16rem;line-height:1.3}.fn-experience-context div>p:not(.fn-experience-label){max-width:690px;margin:7px 0 9px!important;color:#5d6470!important;font-family:Montserrat,Arial,sans-serif!important;font-size:.94rem!important;line-height:1.55!important}.fn-experience-link{color:#15558f;font-size:.88rem;font-weight:800;text-decoration:none}.fn-experience-link:hover{text-decoration:underline}.fn-experience-related{width:min(1060px,calc(100% - 40px));margin:68px auto 54px;padding:30px;border:1px solid #dde5ed;border-radius:22px;background:#f6f9fc;box-sizing:border-box}.fn-experience-related-intro{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:baseline;margin-bottom:20px}.fn-experience-related-intro p{margin:0!important;color:#9a6a10!important;font-family:Montserrat,Arial,sans-serif!important;font-size:.72rem!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase}.fn-experience-related-intro strong{color:#233b55;font-size:1rem;line-height:1.45}.fn-experience-related-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fn-experience-related-links a{display:flex;min-height:126px;padding:18px;flex-direction:column;border:1px solid #d9e3ed;border-radius:15px;background:#fff;text-decoration:none}.fn-experience-related-links a:hover{border-color:#9eb8d2;box-shadow:0 8px 22px rgba(22,53,82,.08)}.fn-experience-related-links span{display:block;margin-bottom:9px;color:#9a6a10;font-size:.69rem;font-weight:900;letter-spacing:.07em;line-height:1.35;text-transform:uppercase}.fn-experience-related-links b{color:#173a5e;font-size:.97rem;line-height:1.35}.fn-experience-related-links a.all{background:#173a5e;border-color:#173a5e}.fn-experience-related-links a.all span{color:#ffd271}.fn-experience-related-links a.all b{color:#fff}
.fn-experience-related{position:relative;top:auto;z-index:1;max-width:100%}.fn-experience-related .fn-experience-related-links{width:100%;min-width:0}.fn-experience-related .fn-experience-related-links a{min-width:0;max-width:100%;font-family:Montserrat,Arial,sans-serif;font-size:1rem;letter-spacing:normal;text-align:left;text-transform:none;white-space:normal;overflow-wrap:anywhere}.fn-experience-related .fn-experience-related-links b{text-transform:none}
.fn-experience-sequence{display:grid;grid-template-columns:1fr .8fr 1fr;gap:12px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #dce5ed}.fn-experience-sequence a{display:flex;min-width:0;min-height:82px;padding:15px 17px;flex-direction:column;justify-content:center;border:1px solid #d7e1eb;border-radius:14px;background:#fff;text-decoration:none}.fn-experience-sequence a:hover{border-color:#8fabc5;box-shadow:0 7px 18px rgba(22,53,82,.07)}.fn-experience-sequence span{display:block;margin-bottom:5px;color:#9a6a10;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.fn-experience-sequence b{color:#173a5e;font-size:.93rem;line-height:1.35}.fn-experience-sequence .map{align-items:center;background:#173a5e;text-align:center}.fn-experience-sequence .map span{color:#ffd271}.fn-experience-sequence .map b{color:#fff}.fn-experience-sequence .next{align-items:flex-end;text-align:right}
.fn-toc .fn-toc-home{margin:-4px 0 12px;padding:0 0 12px;border-bottom:2px solid #d9e2eb;color:#174f84;font-weight:900}.fn-toc .fn-toc-home:last-child{border-bottom:2px solid #d9e2eb}
@media(max-width:850px){.fn-layout{grid-template-columns:1fr;gap:20px}.fn-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.fn-toc p,.fn-toc .fn-toc-home{grid-column:1/-1}.fn-card-grid{margin-left:0}.fn-phase-head{grid-template-columns:72px 1fr}.fn-phase-head p{grid-column:1/-1}.fn-phase-num{width:62px;height:62px;border-radius:19px}.fn-hub-hero .inner{grid-template-columns:160px minmax(0,1fr);gap:36px}.fn-hub-cover{width:160px}.fn-hub-jump{grid-template-columns:1fr}}
@media(max-width:850px){.fn-experience-related-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body.site-modern footer .cols a{display:block}.fn-hero{min-height:500px}.fn-hero .wrap{padding-top:88px;padding-bottom:66px}.fn-layout{padding-left:18px;padding-right:18px}.fn-toc{grid-template-columns:1fr}.fn-copy p{font-size:1.02rem;line-height:1.68}.fn-copy h2{margin-top:62px}.fn-copy h3{margin-top:44px;font-size:1.24rem}.fn-copy li{font-size:.98rem;line-height:1.55}.fn-card-grid{grid-template-columns:1fr}.fn-phase{margin-bottom:64px}.fn-phase-head{gap:15px;padding:22px;border-radius:20px}.fn-card{min-height:400px}.fn-card-media{height:185px}.fn-hub-hero{padding:80px 20px 66px;text-align:center}.fn-hub-hero .inner{grid-template-columns:1fr;gap:28px}.fn-hub-cover{width:128px;margin:0 auto;transform:rotate(-1deg)}.fn-hub-hero p{font-size:1.08rem}.fn-hub-jump{text-align:left}.fn-route-note{margin-left:18px;margin-right:18px}.fn-experience-context{grid-template-columns:62px minmax(0,1fr);gap:15px;width:calc(100% - 28px);margin-top:-18px;padding:17px}.fn-experience-cover{width:56px}.fn-experience-label{font-size:.64rem!important}.fn-experience-context strong{font-size:1rem}.fn-experience-context div>p:not(.fn-experience-label){font-size:.86rem!important}.fn-experience-related{width:calc(100% - 28px);margin-top:50px;padding:18px}.fn-experience-sequence{grid-template-columns:1fr;gap:9px}.fn-experience-sequence a,.fn-experience-sequence .next{min-height:0;align-items:flex-start;text-align:left}.fn-experience-related-intro{grid-template-columns:1fr;gap:7px}.fn-experience-related-links{grid-template-columns:1fr}.fn-experience-related-links a{min-height:0}.fn-experience-related-links b{font-size:1rem}}
.fn-experience-related-links{grid-template-columns:repeat(3,minmax(0,1fr))}
.fn-source-sequence{margin-top:58px;padding:22px;border:1px solid #dce5ed;border-radius:20px;background:#f6f9fc}.fn-source-sequence .fn-experience-sequence{margin:0;padding:0;border:0}
.fn-section-image{margin:4px 0 34px}.fn-section-image img{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:18px;box-shadow:0 14px 34px rgba(23,50,76,.1)}
.fn-experience-sequence a,.fn-experience-sequence b{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.fn-experience-sequence b{display:block;font-family:Montserrat,Arial,sans-serif;letter-spacing:normal;text-transform:none!important}
@media(max-width:850px){.fn-experience-related-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.fn-experience-related-links{grid-template-columns:1fr}.fn-phase-head{grid-template-columns:1fr;gap:12px}.fn-phase-head p{grid-column:1}.fn-phase-num{width:52px;height:52px;border-radius:16px;font-size:1.5rem}.fn-phase h2{font-size:2.35rem}}
@media(max-width:650px){.fn-source-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}.fn-source-table{display:block;min-width:0}.fn-source-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fn-source-table tbody{display:grid;gap:14px}.fn-source-table tr{display:block;overflow:hidden;border:1px solid #d9e2eb;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(18,49,79,.05)}.fn-source-table td{display:block;width:100%;padding:15px 17px;border:0}.fn-source-table td+td{border-top:1px solid #d9e2eb}.fn-source-table td:before{display:block;margin-bottom:6px;color:#8c6417;font-family:Montserrat,Arial,sans-serif;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;content:attr(data-label)}}
@media print{nav,footer,.fn-toc,.fn-source-note{display:none!important}.fn-hero{min-height:0;background:none!important;color:#111}.fn-hero:before{display:none}.fn-hero .wrap{padding:30px 0}.fn-hero h1,.fn-hero .standfirst{color:#111}.fn-layout{display:block;max-width:760px;padding:0}.fn-copy p{color:#111}}

/* One clear action at the end of every guide. */
.fn-experience-related,.fn-source-sequence{width:min(760px,calc(100% - 40px));margin:58px auto 48px;padding:22px;border:1px solid #dce5ed;border-radius:20px;background:#f6f9fc;box-sizing:border-box}
.fn-experience-next{display:block;padding:24px 26px;border-radius:15px;background:#173a5e;text-decoration:none;box-shadow:0 10px 24px rgba(22,53,82,.12)}
.fn-experience-next:hover{background:#0f2f4e;transform:translateY(-1px)}
.fn-experience-next span{display:block;margin-bottom:6px;color:#ffd271;font-family:Montserrat,Arial,sans-serif;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.fn-experience-next b{display:block;min-width:0;max-width:100%;color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:clamp(1.05rem,2.2vw,1.28rem);line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.fn-experience-back{display:flex;justify-content:space-between;gap:18px;margin-top:15px;padding:0 4px}
.fn-experience-back a{min-width:0;max-width:100%;width:auto;color:#355a7d;font-family:Montserrat,Arial,sans-serif;font-size:.82rem;font-weight:750;line-height:1.4;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.fn-experience-back a:hover{text-decoration:underline}
.fn-copy .fn-source-sequence{width:100%;max-width:760px}
@media(max-width:650px){.fn-experience-related,.fn-source-sequence{width:calc(100% - 28px);padding:16px}.fn-experience-next{padding:21px}.fn-experience-back{display:grid;gap:10px}.fn-experience-back a:last-child{grid-row:1}.fn-experience-back a:first-child{grid-row:2}}

/* Three useful visual routes at the end of each Digital Detox guide. */
.fn-related-visual{width:min(1060px,calc(100% - 40px));padding:30px;background:linear-gradient(135deg,#eef8ff,#fffdf8)}
.fn-related-visual h2{margin:0 0 20px!important;color:#173a5e!important;font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(1.55rem,3vw,2.15rem)!important;line-height:1.12!important;text-transform:none!important}
.fn-related-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fn-related-card{display:flex;min-width:0;min-height:270px;overflow:hidden;flex-direction:column;border:1px solid #d4e3ee;border-radius:17px;background:#fff;text-decoration:none!important;box-shadow:0 8px 22px rgba(18,49,79,.06)}
.fn-related-card:hover{border-color:#8ebfe2;box-shadow:0 13px 30px rgba(18,49,79,.12);transform:translateY(-2px)}
.fn-related-image{display:block;height:150px;overflow:hidden;background:#dceaf4}
.fn-related-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.fn-related-card:hover .fn-related-image img{transform:scale(1.035)}
.fn-related-card .fn-related-label{display:block;margin:17px 18px 7px;color:#9a6a10;font-family:Montserrat,Arial,sans-serif;font-size:.69rem;font-weight:900;letter-spacing:.09em;line-height:1.3;text-transform:uppercase}
.fn-related-card b{display:block;margin:0 18px 19px;color:#173a5e;font-family:Montserrat,Arial,sans-serif;font-size:1.02rem;line-height:1.35;text-transform:none}
.fn-related-card.all{border-color:#b8d8ed;background:#f2faff}
.fn-related-card.all .fn-related-image img{object-fit:contain;padding:13px;background:linear-gradient(135deg,#123a60,#1f6a9f)}
@media(max-width:760px){.fn-related-visual{width:calc(100% - 28px);padding:20px}.fn-related-card-grid{grid-template-columns:1fr}.fn-related-card{min-height:0}.fn-related-image{height:180px}}