/* Note: airy magazine layouts, pale topic colours, navy type. Source, not generated. */
body.note{--paper:#fdfdfd;--ink:#1f2c3b;--accent:#365d68;--muted:#626b76;--wash:#edf3f5;--line:#e8ebee;background:radial-gradient(ellipse 600px 350px at 9% 5%,#fff3f9,transparent),radial-gradient(ellipse 600px 250px at 88% 10%,#eef6f9,transparent),#fdfdfd}.note .site-header .masthead{padding:31px 0 24px}.note .brand{font-size:37px;letter-spacing:.1em;font-weight:750}.note .brand-block{display:flex;flex-direction:column}.note .strap{order:-1;margin:0 0 10px;font-size:11px;letter-spacing:.12em}.note .header-note{font-size:15px;line-height:2;transform:rotate(-7deg);margin-right:16px;text-align:center}.note .nav-row{background:#fff;border-radius:4px;box-shadow:0 3px 13px #26394e09;padding:1px 12px;margin-bottom:35px;border:1px solid #eff0f2}.note .gnav{gap:17px;justify-content:flex-start}.note .gnav a{font-size:12px}.feature-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:35px;align-items:start}.feature-card{display:block;background:#fff;border:1px solid var(--line);box-shadow:0 4px 18px #2a3d4a08;border-radius:7px;overflow:hidden}.feature-card .note-art{height:295px}.note-art{overflow:hidden;background:#ebede8}.note-art img{height:100%;object-fit:cover;transition:transform .35s}.feature-card:hover .note-art img,.story-card:hover img{transform:scale(1.025)}.feature-text{position:relative;padding:23px 25px 24px}.pick-label{display:inline-flex;background:#e7b441;color:#222e35;font-size:10px;letter-spacing:.08em;line-height:1.7;padding:3px 12px;border-radius:1px;position:absolute;top:-13px;left:24px}.feature-text h2{font-size:21px;line-height:1.85;padding-right:13px}.feature-text>p{font-size:12px;color:var(--muted);margin:10px 0 16px;line-height:1.9}.feature-arrow{position:absolute;bottom:20px;right:22px;width:32px;height:32px;border-radius:50%;background:var(--wash);display:flex;align-items:center;justify-content:center}.feature-arrow svg{width:18px;height:18px}.side-stories{display:flex;flex-direction:column;gap:26px}.side-story{display:grid;grid-template-columns:110px minmax(0,1fr);gap:17px;align-items:start}.side-story .note-art{height:105px;border-radius:5px}.side-story h3{font-size:13px;line-height:1.85;margin-top:2px}.side-story .article-meta{margin-top:10px;gap:4px;font-size:9px}.side-story .topic-tag{font-size:8px;padding:3px 6px}.side-story .ad-label{font-size:8px}.theme-season{--topic:#f4e6cb}.theme-anime{--topic:#f3e8f3}.theme-gourmet{--topic:#faecd2}.theme-game{--topic:#e9e8f4}.theme-gadget{--topic:#e3f0f7}.note .topic-tag{background:var(--topic,var(--wash))}.topic-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.topic-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:119px;border-radius:7px;background:var(--topic);box-shadow:0 4px 10px #26394e05;transition:transform .2s}.topic-tile:hover{transform:translateY(-3px)}.topic-tile svg{height:31px;width:31px}.topic-tile span{font-size:12px;font-weight:600}.story-card{display:block;background:white;border-radius:7px;overflow:hidden;box-shadow:0 3px 10px #26394e04}.story-card .note-art{height:146px}.story-copy{padding:12px}.story-copy h3{font-size:12px;line-height:1.9;margin:9px 0 12px}.story-copy time{font-size:9px;color:var(--muted)}.story-copy .ad-label{font-size:8px}.note-inspiration{background:#e6f0f6;min-height:275px}.note-inspiration .inspiration-photo{inset:0 0 0 45%}.note-inspiration .inspiration-photo img{object-position:50% 25%}.note-inspiration .inspiration-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e6f0f6,transparent 65%)}.note-inspiration>div:not(.inspiration-photo){grid-column:1;padding:35px}.note-inspiration .handwritten{font-size:29px}.note .site-footer{background:#172737;color:#e9eef2;border:none}.note .footer-brand{color:#fff;font-family:var(--sans);font-size:19px;font-weight:650}.note .site-footer>.wrap>p{color:#b8c8d0}.note .site-footer a:focus-visible{outline-color:#c0e0df}.note .site-footer a:hover{color:white}.note .article-heading{max-width:900px}.note .article-heading h1{font-family:var(--sans);font-size:32px;letter-spacing:.02em;font-weight:650}.note .section-script{font-family:Georgia,var(--serif);font-size:16px}.note .section-heading p{font-size:11px}
@media(max-width:1000px){.feature-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:25px}.feature-card .note-art{height:235px}.feature-text{padding:22px 20px}.feature-text h2{font-size:19px}.side-story{grid-template-columns:85px minmax(0,1fr);gap:13px}.side-story .note-art{height:95px}.side-story h3{font-size:12px}.side-stories{gap:17px}.topic-tiles{gap:15px}.story-card .note-art{height:125px}}
@media(max-width:760px){.note .site-header .masthead{padding:20px 0}.note .brand{font-size:25px;letter-spacing:.025em}.note .strap{font-size:9px;letter-spacing:.02em;margin-bottom:5px}.note .header-note{display:none}.feature-layout{grid-template-columns:1fr;gap:20px}.feature-card .note-art{height:250px}.feature-text h2{font-size:20px}.feature-text{padding:21px}.side-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.side-story{display:block}.side-story .note-art{height:125px}.side-story h3{font-size:11px;margin-top:10px;line-height:1.85}.side-story .article-meta{gap:4px}.side-story .topic-tag{font-size:9px}.side-story .ad-label{display:none}.topic-tiles{gap:12px}.topic-tile{min-height:99px;gap:9px}.topic-tile svg{width:26px;height:26px}.topic-tile span{font-size:10px}.note-inspiration .handwritten{font-size:24px}.note .article-heading h1{font-size:27px}}
@media(max-width:480px){.note .brand{font-size:21px}.note .strap{font-size:8px}.note .header-actions{gap:0}.note .header-actions .icon-button,.note .mobile-menu summary{width:38px}.feature-card .note-art{height:205px}.feature-text h2{font-size:18px;line-height:1.8;padding-right:0}.feature-text>p{font-size:11px}.feature-text{padding:22px 16px 20px}.pick-label{left:16px;font-size:9px}.feature-text .article-meta{padding-right:35px;font-size:9px}.feature-arrow{bottom:19px;right:16px}.side-stories{grid-template-columns:1fr;gap:17px}.side-story{display:grid;grid-template-columns:82px 1fr;gap:13px}.side-story .note-art{height:88px}.side-story h3{font-size:12px;line-height:1.75;margin-top:0}.side-story .article-meta{margin-top:6px}.topic-tiles{gap:7px}.topic-tile{min-height:83px;padding:10px 2px;gap:9px;border-radius:5px}.topic-tile span{font-size:9px;white-space:nowrap}.topic-tile svg{width:25px;height:25px}.story-card .note-art{height:120px}.story-copy{padding:10px}.story-copy h3{font-size:12px;line-height:1.85}.note-inspiration{min-height:300px;padding:0}.note-inspiration .inspiration-photo{inset:0 0 0 23%;opacity:.8}.note-inspiration .inspiration-photo::after{background:linear-gradient(90deg,#e6f0f6,#e6f0f64d 75%)}.note-inspiration>div:not(.inspiration-photo){padding:30px 24px;background:transparent;z-index:1}.note-inspiration .handwritten{font-size:23px}.note .article-heading h1{font-size:24px}.note .art-disclaimer{font-size:9px;text-align:left}}
@media(max-width:350px){.note .brand{font-size:19px}.note .strap{font-size:7px}.note .header-actions .icon-button,.note .mobile-menu summary{width:35px}}

@media(max-width:760px){.header-actions .icon-button,.mobile-menu summary,.note .header-actions .icon-button,.note .mobile-menu summary{width:44px;height:44px;min-width:44px}}
