:root{--page:#FFF7FA;--surface:#FFFFFF;--soft:#FFEAF2;--soft2:#FFE1EC;--ink:#4A1630;--copy:#5C2A3E;--muted:#8A4A62;--quiet:#B07A90;--pink:#E85A8B;--pink-light:#FF7AA8;--pink-dark:#C43B6E;--outline:rgba(232,90,139,.16);--shadow:0 14px 34px rgba(196,59,110,.10);--width:1180px;--head-total:130px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--page);color:var(--copy);font:400 16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;padding-top:var(--head-total);overflow-x:clip;overflow-wrap:break-word}body.dialog-lock{overflow:hidden}img{max-width:100%;vertical-align:middle}a{color:inherit;text-decoration:none}a:hover{color:var(--pink-dark)}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p,figure,ol{margin-top:0}h1,h2,h3{color:var(--ink);letter-spacing:-.02em;line-height:1.32}h1{font-size:clamp(28px,3.3vw,32px)}h2{font-size:clamp(23px,2.5vw,27px)}h3{font-size:19px}p{margin-bottom:1.15em}a,button,input{ -webkit-tap-highlight-color:transparent }a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #A4315E;outline-offset:4px}::selection{background:#FFD1E2;color:var(--ink)}.container{width:min(var(--width),calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-90px;z-index:1000;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{top:10px;color:#fff}
/* 22px sugar-strip and the 64px cover bar are both full-width. */
.site-header{position:fixed;z-index:200;top:0;left:0;right:0;width:100%;background:#fff;box-shadow:0 8px 23px rgba(99,31,62,.04)}.candy-bar{height:22px;background:var(--pink-dark);color:#fff}.candy-bar__inner{height:100%;position:relative;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:500;letter-spacing:.035em;line-height:1}.candy-bar__inner b{font-size:10px;font-weight:700}.top-search{position:absolute;z-index:4;right:0;top:0;width:44px;height:44px;border:none;background:transparent;color:#fff;display:grid;place-items:start center;padding-top:3px}.search-glyph{position:relative;width:13px;height:13px;border:2px solid currentColor;border-radius:50%;display:block}.search-glyph:after{content:'';position:absolute;width:7px;height:2px;background:currentColor;transform:rotate(45deg);left:10px;top:11px;border-radius:2px}.cover-bar{height:64px;background:#fff;border-bottom:1px solid var(--outline)}.cover-bar__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-link{display:flex;align-items:center;flex:1 1 auto;min-width:0;max-width:205px;height:44px}.brand-logo{display:block;height:34px;max-height:36px;width:auto;max-width:100%;object-fit:contain;object-position:left center}.brand-fallback{font-size:23px;font-weight:900;letter-spacing:-.04em;color:var(--ink)}.envelope-trigger{min-height:44px;min-width:122px;border:1px solid #F0AFC6;border-radius:12px;background:#FFEAF2;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:7px;font-size:15px;font-weight:750;transition:background .2s,border-color .2s}.letter-icon{font-size:19px;color:var(--pink-dark);line-height:1}.envelope-trigger:hover{background:#FFDCE8;border-color:var(--pink)}.open-app{height:44px;min-width:108px;flex:0 0 auto;border-radius:999px;display:flex;justify-content:center;align-items:center;gap:7px;background:linear-gradient(135deg,#FF7AA8 0%,#E85A8B 55%,#C43B6E 100%);color:#fff!important;font-weight:750;font-size:14px;padding:0 17px;box-shadow:0 8px 20px rgba(232,90,139,.14);transition:transform .2s,box-shadow .2s}.open-app:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 13px 24px rgba(232,90,139,.24)}.sticker-rail{height:44px;background:var(--soft);border-bottom:1px solid var(--outline)}.sticker-rail__inner{display:flex;height:100%;align-items:center;gap:9px;overflow:hidden}.sticker-rail a{min-height:34px;display:inline-flex;align-items:center;white-space:nowrap;padding:0 16px;font-size:14px;color:var(--copy);border-radius:8px;font-weight:650}.sticker-rail a:hover{background:#FFE1EC;color:var(--pink-dark)}.sticker-rail a.active{background:var(--pink-dark);color:#fff}
.site-main{min-height:65vh}.home-content{padding-block:28px 90px}.home-hero{background:#fff;border:1px solid var(--outline);border-radius:22px;padding:17px 17px 31px;box-shadow:var(--shadow)}.media-frame{margin:0;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#FFFDFE,#FFEAF2);border:1px solid var(--outline);border-radius:16px;overflow:hidden;min-width:0}.media-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.media-frame--hero{height:clamp(170px,25vw,300px);max-height:300px;border-radius:15px;background:#FFF5F9}.media-frame--hero img{object-fit:contain}.media-fallback{width:100%;height:100%;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink)}.media-fallback span{font-size:22px;font-weight:800}.media-fallback small{color:var(--muted);font-size:13px}.home-hero__text{padding:26px 23px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--pink-dark);font-weight:800;font-size:11px;letter-spacing:.10em;line-height:1.5;text-transform:uppercase}.eyebrow-line{height:1px;width:31px;background:#EFA9C0;display:inline-block}.home-hero h1{margin:10px 0 12px}.home-hero p{max-width:920px;color:var(--copy);font-size:16px;line-height:1.95}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:21px}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:9px 22px;border-radius:999px;font-weight:750;font-size:14px;transition:transform .2s,background .2s,box-shadow .2s}.btn-primary{background:linear-gradient(135deg,#FF7AA8 0%,#E85A8B 55%,#C43B6E 100%);color:#fff!important}.btn-secondary{background:#fff;border:1px solid #E9A1BB;color:var(--pink-dark)!important}.btn-secondary:hover{background:#FFF0F6}.home-section{margin-top:76px}.section-heading{margin:0 0 23px}.section-heading h2{margin:8px 0 9px}.section-heading p{margin:0;color:var(--muted);font-size:15px}.section-heading--split{display:flex;align-items:end;justify-content:space-between;gap:14px}.text-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:13px;color:var(--pink-dark);font-weight:800;font-size:14px;border-bottom:1px solid #E99BB7;white-space:nowrap}.text-link:hover{border-color:var(--ink)}
.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.note-card{background:var(--surface);border:1px solid var(--outline);border-radius:20px;box-shadow:0 9px 24px rgba(196,59,110,.05);overflow:hidden;transition:transform .25s,box-shadow .25s}.note-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.note-card__link{display:block;height:100%;color:inherit}.note-card__link:hover{color:inherit}.note-card .media-frame{height:201px;border:0;border-radius:0;background:#FFF7FA}.note-card__copy{padding:22px 23px 23px}.note-no{font-size:12px;letter-spacing:.05em;font-weight:800;color:var(--pink-dark)}.note-card h3{font-size:21px;margin:9px 0;display:flex;justify-content:space-between}.note-card h3 span{color:var(--pink)}.note-card p{font-size:15px;color:var(--muted);line-height:1.85;margin:0}
.feature-paper{background:#FFF;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding:25px;border:1px solid var(--outline);border-radius:22px;box-shadow:var(--shadow)}.feature-paper__text{padding:11px}.paper-stamp{font-size:11px;letter-spacing:.12em;color:var(--pink-dark);font-weight:850}.feature-paper__text>p{margin:15px 0 20px;line-height:1.95}.media-frame--feature{min-height:245px}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.entry-grid a{display:flex;align-items:center;gap:11px;min-height:57px;padding:8px 13px;background:#FFF1F6;border:1px solid #FADEEA;border-radius:12px;font-weight:700;font-size:14px}.entry-grid b{font-size:23px;line-height:1;color:var(--pink-dark)}.entry-grid a:hover{background:#FFE5EE}
.album-showcase{display:grid;grid-template-columns:.48fr 1fr;gap:20px;align-items:stretch}.media-frame--album{min-height:288px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;min-width:0}.mini-book{min-height:288px;border-radius:14px;padding:22px 12px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:6px 8px 0 rgba(126,61,91,.08);transition:transform .2s;border:1px solid rgba(126,61,91,.09);min-width:0}.mini-book:hover{transform:translateY(-5px)}.mini-book small{font-size:10px;font-weight:800;letter-spacing:.035em;color:#86566E}.mini-book strong{font-size:20px;color:var(--ink);writing-mode:vertical-rl;letter-spacing:.08em;align-self:center}.mini-book span{font-size:12px;color:#70465A}.mini-book--a{background:#FCE1EB}.mini-book--b{background:#E8E6F6}.mini-book--c{background:#DDEDE5}.mini-book--d{background:#FFF0DB}
.number-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.media-frame--wide{height:236px}.big-number-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.big-number-list a{background:#fff;border:1px solid var(--outline);border-radius:15px;display:flex;align-items:center;gap:12px;padding:16px;min-height:111px}.big-number-list b{font-size:39px;color:var(--pink);line-height:1;font-weight:800}.big-number-list a>span{display:flex;flex-direction:column;font-weight:750;color:var(--ink);font-size:17px;line-height:1.5}.big-number-list small{font-size:12px;font-weight:450;color:var(--muted);line-height:1.5}.big-number-list a:hover,.status-grid a:hover{background:#FFF0F6}
.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:17px}.status-grid a{background:#fff;padding:18px;border:1px solid var(--outline);border-radius:16px;min-height:128px;display:flex;flex-direction:column;justify-content:center;gap:10px}.status-grid b{color:var(--pink-dark);font-size:18px}.status-grid span{color:var(--muted);font-size:13px}
.process-wrap{background:#FFF;display:grid;grid-template-columns:.77fr 1.23fr;gap:23px;padding:21px;border-radius:20px;border:1px solid var(--outline)}.process-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:stretch}.process-steps li{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;min-height:180px;padding:15px 7px;border-radius:13px;background:#FFF1F6;border:1px solid #F7D7E4}.process-steps strong{font-size:20px;color:var(--ink)}.process-steps span{font-size:12px;color:var(--muted)}
.letter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:17px}.letter-card{border:1px solid var(--outline);border-radius:19px;background:#fff;padding:27px;box-shadow:0 8px 25px rgba(196,59,110,.05)}.letter-card>span{font-size:11px;color:var(--pink-dark);font-weight:850;letter-spacing:.08em}.letter-card h3{font-size:21px;margin:11px 0}.letter-card p{font-size:15px;line-height:1.94}.letter-card>a{display:inline-flex;align-items:center;min-height:44px;color:var(--pink-dark);font-weight:800;border-bottom:1px solid var(--outline)}.walk-box{display:grid;grid-template-columns:.87fr 1.13fr;gap:20px}.walk-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.walk-links a{background:#fff;border-radius:15px;border:1px solid var(--outline);display:flex;justify-content:center;flex-direction:column;gap:9px;padding:20px}.walk-links b{font-size:18px;color:var(--ink)}.walk-links span{font-size:13px;color:var(--muted)}
.app-promo{background:#fff;border-radius:22px;border:1px solid var(--outline);padding:40px;display:grid;grid-template-columns:1.12fr .88fr;gap:24px;box-shadow:var(--shadow);align-items:center}.app-promo h2{margin:13px 0}.app-promo p{line-height:1.98}.media-frame--phone{max-height:420px;height:420px;max-width:340px;justify-self:center;width:100%}.app-promo__icon{display:flex;align-items:center;gap:12px;margin-top:15px}.media-frame--icon{width:64px;height:64px;flex:0 0 64px;border-radius:16px}.app-promo__icon>span{font-weight:850;display:flex;flex-direction:column;color:var(--ink)}.app-promo__icon small{font-size:11px;font-weight:650;letter-spacing:.07em;color:var(--muted)}.info-ends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-end{background:#fff;border:1px solid var(--outline);border-radius:19px;padding:26px}.info-end h2{font-size:23px;margin:10px 0}.info-end p{font-size:15px;line-height:1.92}.info-end .text-link{margin-top:5px}
/* Page-specific journal & reading layouts. */
.inside-content{padding-block:29px 88px}.inside-intro{background:linear-gradient(115deg,#FFFCFD 10%,#FFE8F1 100%);border:1px solid var(--outline);border-radius:22px;padding:35px 42px 32px;margin-bottom:20px}.crumb-link{display:flex;align-items:center;min-height:44px;color:var(--muted);font-size:13px;font-weight:650;gap:8px;margin:-8px 0 9px}.crumb-link span{color:var(--pink)}.inside-intro h1{margin:13px 0 7px}.inside-subtitle{font-size:19px;color:var(--pink-dark);font-weight:800;margin:0 0 18px}.inside-lead{line-height:2;max-width:920px;margin:0}.media-frame--inside{width:100%;height:245px;margin-bottom:25px}.inside-content>.media-frame--phone{margin:0 auto 25px;max-width:370px;height:390px}.inside-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.section-topic{background:#fff;border:1px solid var(--outline);border-radius:17px;padding:24px;display:flex;gap:17px;align-items:start;min-width:0}.topic-no{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:54px;height:34px;padding:4px 7px;background:#FFE7F0;color:var(--pink-dark);border-radius:10px;font-size:12px;font-weight:850;letter-spacing:.04em}.topic-copy{min-width:0}.section-topic h2{font-size:20px;margin:1px 0 11px}.section-topic p{line-height:1.95;font-size:15.5px;margin-bottom:0}.journal-layout .section-topic{background:linear-gradient(90deg,#FFF2F7,#fff 26%);border-left:4px solid #EC82A7}.portrait-layout .section-topic:nth-child(2n),.feelings-layout .section-topic:nth-child(2n){background:#FFF1F6}.books-layout .section-topic:nth-child(3n){background:#F7F0F8}.clips-layout,.longform-layout,.letters-layout,.policy-layout,.index-layout{grid-template-columns:1fr;max-width:980px;margin-inline:auto}.clips-layout .section-topic,.longform-layout .section-topic,.letters-layout .section-topic,.policy-layout .section-topic,.index-layout .section-topic{padding:26px 30px}.longform-layout .topic-no,.letters-layout .topic-no{background:#FFF0F5}.longform-layout .section-topic,.letters-layout .section-topic{border-left:5px solid #EB9CB5}.steps-layout .section-topic{border-top:4px solid #EE9AB6}.status-layout .section-topic{background:#FFFDFE;border-bottom:4px solid #F4B1CA}.numbers-layout .topic-no{font-size:22px;background:transparent;min-width:65px;height:48px;color:var(--pink)}.app-layout{grid-template-columns:1fr 1fr}.about-layout .section-topic:nth-child(2n){background:#FFF4F8}.inside-signoff{margin-top:23px;padding:25px 30px;background:#FFEAF2;border:1px solid var(--outline);border-radius:17px}.inside-signoff p{margin:8px 0 0;line-height:1.98}.inside-signoff a{text-decoration:underline;color:var(--pink-dark)}.related-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px;border-top:1px dashed #E6B7C9;padding-top:25px}.related-nav h2{font-size:21px;margin:5px 0 0}.related-links{display:flex;flex-wrap:wrap;gap:9px}.related-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 16px;background:#fff;border:1px solid var(--outline);border-radius:999px;color:var(--pink-dark);font-size:14px;font-weight:750}.related-links a:hover{background:#FFEAF2}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.faq-item{background:#fff;border:1px solid var(--outline);border-radius:17px;display:flex;gap:16px;padding:23px;min-width:0}.faq-item h2{font-size:19px;margin:0 0 11px}.faq-item p{font-size:15px;line-height:1.94;margin:0}
/* Dark-rose footer. Brand mark rests on a white plate for legibility. */
.site-footer{background:var(--ink);color:#F8D6E4;padding:49px 0 22px}.footer-top{display:flex;gap:25px;justify-content:space-between;align-items:center;padding-bottom:29px;border-bottom:1px solid rgba(248,214,228,.18)}.footer-brand{display:flex;align-items:center;gap:15px;min-width:0;min-height:48px;color:#fff!important}.footer-brand .brand-logo{height:34px;max-width:160px;background:#fff;padding:5px;border-radius:9px}.footer-brand>span{display:flex;flex-direction:column;gap:1px;font-size:19px;font-weight:800;white-space:nowrap}.footer-brand small{font-size:10px;letter-spacing:.10em;color:#F8D6E4}.footer-top p{max-width:470px;color:#F8D6E4;font-size:14px;margin:0}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;padding:27px 0 25px}.footer-group{display:flex;flex-direction:column;align-items:start}.footer-group h2{font-size:16px;color:#fff;margin-bottom:12px}.footer-group a{color:#F8D6E4;display:inline-flex;align-items:center;min-height:42px;font-size:14px}.footer-group a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(248,214,228,.17);padding-top:19px;color:#F8D6E4;font-size:12px}.footer-bottom p{margin:0 0 7px;line-height:1.8}
/* Independent overlay with pointer-events disabled when closed. */
.overlay-shade{position:fixed;inset:0;background:rgba(59,16,37,.55);opacity:0;visibility:hidden;pointer-events:none;z-index:235;transition:opacity .2s,visibility .2s}.overlay-shade.is-open{opacity:1;visibility:visible;pointer-events:auto}.envelope-panel{position:fixed;left:50%;bottom:0;width:min(920px,100%);max-height:70vh;max-height:70dvh;background:#FFFCFD;border-radius:25px 25px 0 0;border:1px solid #EDB7CA;z-index:245;transform:translate(-50%,105%);visibility:hidden;pointer-events:none;box-shadow:0 -15px 44px rgba(74,22,48,.16);transition:transform .28s cubic-bezier(.22,1,.36,1),visibility .28s}.envelope-panel.is-open{transform:translate(-50%,0);visibility:visible;pointer-events:auto}.envelope-panel__inner{padding:22px 25px 30px;max-height:70vh;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--outline)}.panel-heading__brand{display:flex;align-items:center;gap:14px;min-width:0}.panel-heading__brand .brand-logo{height:30px;max-width:150px}.panel-heading__brand>div{display:flex;flex-direction:column;min-width:0}.panel-heading__brand strong{font-size:16px;color:var(--ink)}.panel-heading__brand small{font-size:12px;color:var(--muted)}.panel-close{height:44px;width:44px;border-radius:13px;background:#FFEAF2;border:1px solid var(--outline);color:var(--ink);font-size:29px;line-height:1;flex:0 0 auto}.panel-close:hover{background:#FDD8E5}.drawer-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:21px}.drawer-group{min-width:0}.drawer-group h2{font-size:16px;color:var(--pink-dark);margin-bottom:10px}.drawer-links{display:grid;grid-template-columns:1fr;gap:7px}.drawer-links a{display:flex;flex-direction:column;justify-content:center;min-height:67px;gap:3px;padding:10px 15px;border:1px solid var(--outline);border-radius:12px;background:#fff;color:var(--ink)}.drawer-links a:hover{background:#FFF0F5}.drawer-links strong{font-size:15px}.drawer-links span{font-size:12px;line-height:1.5;color:var(--muted)}.search-panel{position:fixed;right:max(20px,calc((100vw - var(--width))/2));top:86px;width:min(520px,calc(100vw - 40px));background:#fff;border:1px solid var(--outline);border-radius:0 0 19px 19px;z-index:247;padding:23px;box-shadow:0 24px 55px rgba(74,22,48,.17);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .2s,transform .2s,visibility .2s;max-height:calc(100dvh - 105px);overflow-y:auto}.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.search-panel__heading{padding-bottom:13px;margin-bottom:15px}.search-panel h2{font-size:18px;margin:0}.search-panel label{font-size:15px;color:var(--copy);display:block;margin:0 0 12px}.search-form{position:relative;color:var(--pink-dark)}.search-form .search-glyph{position:absolute;left:18px;top:50%;transform:translateY(-50%)}.search-form input{display:block;width:100%;height:50px;padding:8px 15px 8px 48px;color:var(--ink);border:1px solid #F0B9CE;border-radius:13px;background:#FFF8FB;outline-offset:2px}.search-hint{margin:17px 0 9px;font-size:13px;color:var(--muted)}.search-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.search-links a{display:flex;justify-content:center;align-items:center;min-height:46px;border:1px solid var(--outline);border-radius:10px;background:#FFEAF2;color:var(--ink);font-size:14px;font-weight:750}.search-links a:hover{background:#FFD5E5}.search-links a[hidden]{display:none}.search-no-results{font-size:13px;color:var(--muted);margin:12px 0 0}.search-no-results[hidden]{display:none}
.mobile-bottom{display:none}
@media (max-width:980px){.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-showcase{grid-template-columns:.55fr 1fr}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-book{min-height:157px;padding:12px}.mini-book strong{writing-mode:initial;font-size:18px}.mini-book small{font-size:9px}.number-feature,.process-wrap,.walk-box{grid-template-columns:1fr}.process-steps li{min-height:125px}.info-ends{grid-template-columns:1fr 1fr}.info-end:last-child{grid-column:1/-1}.footer-groups{gap:18px}}
@media (max-width:760px){:root{--head-total:86px}.container{width:calc(100% - 32px)}.sticker-rail{display:none}.cover-bar__inner{gap:8px}.brand-logo{height:27px;max-width:120px}.brand-link{min-width:0;max-width:145px;flex:1 1 100px}.envelope-trigger{min-width:82px;padding:0 8px;height:44px;flex:0 0 auto;font-size:13px;gap:4px}.letter-icon{font-size:17px}.open-app{min-width:83px;height:44px;padding:0 8px;font-size:12px;flex:0 0 auto}.home-content,.inside-content{padding-top:20px;padding-bottom:82px}.home-hero{padding:11px 11px 24px}.home-hero__text{padding:23px 12px 0}.home-hero p{font-size:15px}.home-section{margin-top:52px}.note-card .media-frame{height:188px}.note-card__copy{padding:17px}.note-card p{font-size:14px}.feature-paper{grid-template-columns:1fr}.media-frame--feature{height:215px;min-height:215px}.app-promo{padding:25px;grid-template-columns:1fr}.app-promo .media-frame--phone{max-height:350px;height:350px}.section-heading--split{align-items:start}.inside-intro{padding:23px}.inside-sections{grid-template-columns:1fr}.inside-signoff{padding:19px}.related-nav{align-items:start;flex-direction:column;gap:11px}.faq-list{grid-template-columns:1fr}.footer-top{align-items:start;flex-direction:column}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:180;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(50px + env(safe-area-inset-bottom,0px));padding:2px max(6px,env(safe-area-inset-left,0px)) env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #F0C8D8;box-shadow:0 -8px 24px rgba(74,22,48,.05)}.mobile-bottom a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted);border-radius:10px;min-width:0;min-height:44px;gap:0;font-size:21px;line-height:1.1}.mobile-bottom a small{font-size:11px;font-weight:750}.mobile-bottom a.active{background:var(--pink);color:#fff}.mobile-bottom a:hover{color:var(--pink-dark)}.mobile-bottom a.active:hover{color:#fff}.site-footer{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}.envelope-panel{left:0;width:100%;max-height:70dvh;transform:translateY(105%);border-radius:21px 21px 0 0}.envelope-panel.is-open{transform:translateY(0)}.envelope-panel__inner{padding:15px 16px 25px;max-height:70dvh}.drawer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.drawer-links a{min-height:66px;padding:9px 11px}.drawer-links span{font-size:11px}.drawer-links strong{font-size:14px}.panel-heading__brand .brand-logo{height:27px;max-width:110px}.panel-heading__brand small{font-size:10px}.search-panel{right:16px;left:16px;width:auto;top:86px;padding:18px}.search-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.media-frame--hero{height:130px}.section-heading h2{font-size:23px}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.note-card .media-frame{height:136px}.note-card h3{font-size:18px}.note-card__copy{padding:13px}.note-card p{font-size:13px;line-height:1.75}.note-no{font-size:10px}.feature-paper{padding:14px}.feature-paper__text{padding:7px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.album-showcase{grid-template-columns:1fr}.media-frame--album{height:200px;min-height:200px}.mini-book{min-height:126px}.number-feature{grid-template-columns:1fr}.media-frame--wide{height:174px}.big-number-list{gap:8px}.big-number-list a{padding:12px;gap:8px;min-height:100px}.big-number-list b{font-size:31px}.big-number-list a>span{font-size:14px}.big-number-list small{font-size:11px}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.status-grid a{padding:13px;min-height:105px}.process-wrap{padding:12px}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.process-steps li{min-height:95px}.process-steps li:last-child{grid-column:1/-1;min-height:75px}.letter-list{grid-template-columns:1fr}.letter-card{padding:19px}.walk-links{gap:8px}.walk-links a{padding:14px}.walk-links b{font-size:15px}.walk-links span{font-size:12px}.app-promo{padding:18px}.app-promo .media-frame--phone{height:320px}.info-ends{grid-template-columns:1fr}.info-end{padding:20px}.info-end:last-child{grid-column:auto}.inside-intro{padding:18px}.inside-intro h1{margin:9px 0 6px}.inside-subtitle{font-size:16px}.inside-lead{font-size:15px}.media-frame--inside{height:195px}.section-topic{padding:16px;gap:9px}.section-topic h2{font-size:18px}.section-topic p{font-size:15px;line-height:1.9}.topic-no{min-width:43px;font-size:11px}.clips-layout .section-topic,.longform-layout .section-topic,.letters-layout .section-topic,.policy-layout .section-topic,.index-layout .section-topic{padding:18px}.footer-top p{font-size:13px}.footer-groups{gap:16px}.footer-group a{font-size:13px}.drawer-groups{gap:10px}.drawer-links a{padding:8px;min-height:67px}.panel-heading__brand{gap:5px}.panel-heading__brand .brand-logo{height:23px;max-width:95px}.panel-heading__brand strong{font-size:14px}.panel-heading__brand small{font-size:10px}}
@media (max-width:360px){.candy-bar__inner{font-size:10px}.candy-bar__inner b{font-size:9px}.brand-logo{height:24px}.envelope-trigger{min-width:76px;font-size:12px;padding:0 5px}.open-app{min-width:78px;padding:0 5px;font-size:11.5px}.brand-link{flex:1 1 90px}.note-card .media-frame{height:120px}.note-card p{font-size:12.5px}.big-number-list a{flex-direction:column;align-items:flex-start;gap:4px}.big-number-list b{font-size:29px}.search-panel h2{font-size:16px}.search-panel label{font-size:13px}.panel-heading__brand small{display:none}.panel-heading__brand strong{font-size:13px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Preserve the intended 180–220px media slots on narrow screens without crowding two cards into each row. */
@media (max-width:560px){
  .note-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .note-card .media-frame{height:190px}
  .note-card__copy{padding:19px}
  .note-card h3{font-size:19px}
  .note-card p{font-size:15px;line-height:1.8}
  .media-frame--hero{height:clamp(165px,50vw,260px)}
}
@media (max-width:360px){
  .note-card .media-frame{height:185px}
  .note-card p{font-size:15px}
}