/* v6 — an article-first blog. Night around the page; warm paper under the words. */
:root{--canvas:#152630;--ink:#263d49;--text:#344b55;--muted:#687b83;--line:#d5d8cf;--navy:#234651;--gold:#c6a76d;--paper:#f2eee5;--pale:#e3e9e4;--cream:#e9e2d2;--display:var(--font)}
html{scroll-padding-top:100px}
body{background:var(--canvas);color:var(--text);isolation:isolate}
.atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 5% 10%,#28455099,transparent 50%),radial-gradient(ellipse at 98% 85%,#3e354366,transparent 50%),#152630}
.atmosphere::after{content:"";position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
::selection{background:#e6c780;color:#1a3540}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ba9042;outline-offset:4px}
.container{max-width:1200px;padding-left:32px;padding-right:32px}
.site-header{position:sticky;top:0;z-index:50;background:#142630f5;border-bottom:1px solid #b7cbcb26;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.masthead{min-height:78px;gap:26px}
.site-logo{gap:10px}
.logo-words{gap:3px}
.logo-main{font-family:var(--font);font-weight:800;font-size:25px;letter-spacing:-.025em;line-height:1.35;color:#f0ece2}
.logo-prefix{font-size:9px;letter-spacing:.08em;font-weight:400;color:#acbfc5}
.logo-mark{width:31px;height:41px;background:#c6a76d12;color:#d5b478;border-radius:4px}
.logo-mark svg{width:23px;height:33px;stroke-width:1.5}
.main-nav{margin-left:auto;gap:23px;min-height:78px}
.main-nav a{color:#b5c6cb;font-size:12px;font-weight:500;padding:26px 0}
.main-nav a:hover,.main-nav a[aria-current=page]{color:#f0d49a}
.main-nav a[aria-current=page]::after{background:#d1b079;bottom:0;height:2px}
.main-nav .saved-nav{font-size:11px;margin-left:0;gap:5px}
.saved-nav span{background:#ffffff0e;color:#dfc899;line-height:19px;min-width:19px;font-size:10px}
.header-actions{gap:7px;margin-left:0}
.icon-button{width:39px;min-width:39px;height:39px;border:1px solid #b8c9ce35;background:transparent;color:#e2e9e7;padding:9px}
.icon-button:hover{background:#ffffff0b;border-color:#c2ab77}
.header-search{display:grid;border-radius:50%}
.menu-button{display:none}
.reading-progress{height:3px;background:#d9b875}
#list-view{padding-top:30px;padding-bottom:56px}
.page-columns{grid-template-columns:minmax(0,1fr) 252px;gap:30px}
.list-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 8px}
.list-header .article-kicker{font-size:11px;color:#b7c7ca;font-weight:400;letter-spacing:.04em;margin-bottom:3px}
.list-header h1{font-size:25px;line-height:1.7;color:#eee9df;margin:0;letter-spacing:.02em;font-weight:700}
.feed-edition{color:#768e99;letter-spacing:.18em;font-size:9px;white-space:nowrap}
.list-description{font-size:13px;color:#acc1c8;line-height:1.9;margin:0 0 17px}
.feed-categories{display:flex;gap:0;border-bottom:1px solid #a8bec32e;margin-bottom:18px;overflow-x:auto;scrollbar-width:none}
.feed-categories::-webkit-scrollbar{display:none}
.feed-categories a{flex-shrink:0;font-size:12px;color:#a9c0c7;font-weight:500;padding:9px 17px 12px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.feed-categories a:first-child{padding-left:2px;padding-right:21px}
.feed-categories a[aria-current=page]{color:#ead2a1;border-color:#d0ae6f}
.feed-categories a:hover{color:#f2e6cb}
.list-toolbar{background:#ffffff06;border-color:#b6c8cb28;border-radius:5px;min-height:45px;padding:6px 12px;margin-bottom:18px;gap:12px}
.search-field{gap:10px}
.search-field svg{width:17px;height:17px;color:#b7c7cb}
.search-field input{background:transparent;color:#ecede6;font-size:14px;padding:5px 0}
.search-field input::placeholder{color:#91aab5}
.list-toolbar>span{font-size:11px;color:#9bb2bc}
#list-results{padding:0;border:0;border-radius:0;background:none;overflow:visible;display:grid;gap:16px}
#list-results .article-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:22px;background:#ede9df;border:1px solid #faf4e838;border-radius:7px;box-shadow:0 5px 20px #07182114;align-items:start;position:relative;transition:box-shadow .25s,border-color .25s,background .25s}
#list-results .article-row:hover{border-color:#d7b881;background:#f4f0e7;box-shadow:0 12px 28px #06121b30}
.row-thumb{position:relative;isolation:isolate;border-radius:4px;overflow:hidden}
#list-results .row-thumb{width:100%;margin:0;grid-column:1;grid-row:1}
#list-results .row-thumb img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.3,1),filter .5s}
#list-results .article-row:hover .row-thumb img{transform:scale(1.06)}
.thumb-note{position:absolute;left:10px;bottom:9px;background:#183541e8;color:#efe9da;font-size:9px;line-height:1.8;padding:3px 8px;border-radius:3px}
#list-results .row-copy{grid-column:2;grid-row:1;min-width:0}
#list-results .row-meta{display:flex;gap:8px;margin-bottom:10px;line-height:1.7;align-items:center}
#list-results .row-meta .category{background:#d8e1d9;color:#41636b;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:600}
#list-results .row-meta time{color:#718087;position:static;font-size:10px;white-space:nowrap}
#list-results .article-row h3{font-size:19px;font-weight:700;line-height:1.7;letter-spacing:-.01em;color:#243e4b}
#list-results .article-row:hover h3{color:#427072}
#list-results .article-row p{font-size:13px;line-height:1.9;margin-top:10px;color:#65767a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#list-results .row-foot{font-size:10px;color:#7b817b;margin-top:13px;gap:6px;line-height:1.7;align-items:center}
.row-read{display:flex;align-items:center;gap:10px;color:#657b78;font-size:10px;white-space:nowrap}
.row-read .arrow{display:inline-block;color:#847047;font-size:19px;font-style:normal;transition:transform .25s}
.article-row:hover .arrow{transform:translate(2px,-2px)}
#list-results .lead-row{border-top:2px solid #d7ba80;background:#f3eee3}
#list-results .lead-row .thumb-note{color:#213e47;background:#e8d29c}
#list-results .lead-row h3{font-size:22px;line-height:1.65}
#list-results .lead-row .row-thumb img{aspect-ratio:1;object-position:50% 55%}
.empty-state{background:#ecede3;border-color:#acbbb0}
.empty-state h2{color:#3a5862}
.empty-state p{color:#71807a}
/* The short profile supports the articles. It never becomes a landing section. */
.feed-sidebar{padding-top:5px}
.side-search{border-radius:5px;background:#203b45;border-color:#aec4c42b;color:#adc4cb;font-size:12px;margin-bottom:20px}
.side-about{background:linear-gradient(135deg,#28454b,#1e3540);border:1px solid #bdc8bd2b;border-radius:7px;padding:24px 21px;box-shadow:0 10px 30px #07162015}
.side-about h2{color:#ece5d5;font-size:16px;font-weight:700;line-height:1.65}
.side-about p{font-size:13px;color:#b8c9ca;line-height:1.95}
.side-about .side-account{font-size:12px;color:#ced7cf;border-color:#c9d1c526}
.side-about .side-operator{font-size:11px;color:#9cb2b6}
.side-instagram-button{background:#d1ba87;color:#243d44;border:1px solid #dbc698;border-radius:4px;font-size:12px;min-height:44px;transition:background .2s,transform .2s}
.side-instagram-button:hover{background:#e5d1a3;border-color:#efdaaa;transform:translateY(-2px)}
.side-block h2{font-size:14px;color:#d3dcd7;border-color:#adbfbe2e}
.category-links a{font-size:12px;color:#b2c6cb;border-color:#adbfbe26}
.category-links span{color:#ceb985;background:#d0b37e12;font-size:10px}
.side-story{border-color:#adbfbe26}
.side-story .side-tag{color:#d5ba86;font-size:10px}
.side-story strong{color:#c3d0cf;font-size:13px;font-weight:500}
.side-story:hover strong{color:#edd9ac}
.side-story small,.side-note{font-size:11px;color:#8da9b3}
.breadcrumbs{font-size:11px;color:#a2bbc3;padding:22px 0;gap:8px}
.list-breadcrumbs{padding-top:0}
.sidebar-toc{top:100px;background:#1c3640;border:1px solid #b8c6bf22;border-top:2px solid #b69962;border-radius:5px}
.sidebar-toc h2{font-size:14px;color:#d9ddd3}
.sidebar-toc button{font-size:11px;color:#a7c0c6;border-color:#738c852e}
.sidebar-toc button:hover{background:#d2ba8521;color:#e4cf9c;border-color:#c6ad77}
/* A familiar, legible Japanese sans throughout. */
.article-main{padding:36px 38px 38px;background:#f2eee5;color:#344b55;border:1px solid #dfd7c5;border-radius:7px;box-shadow:0 15px 45px #06131e26}
.article-ad-note{font-size:10px;line-height:1.8;color:#788077;margin-bottom:17px}
.article-heading-top{margin-bottom:13px}
.category-label{background:#dce5df;color:#40656d;font-size:11px;padding:3px 10px;border-radius:3px;font-weight:600}
.sample-label{font-size:10px;color:#86897d}
.article-header h1{font-family:var(--font);font-size:31px;line-height:1.7;letter-spacing:-.015em;color:#243d48;font-weight:800;margin:14px 0 22px}
.title-main{font-size:36px;line-height:1.55;letter-spacing:-.025em}
.title-main mark{background:linear-gradient(transparent 68%,#e5cc8c 68%);color:inherit;padding:0 .05em}
.title-sub{font-size:21px;line-height:1.8;letter-spacing:0;font-weight:600;color:#4c646b;margin-top:15px}
.article-byline{border-color:#bfc8bb7a;gap:10px;padding:13px 0}
.author-avatar{background:#d9e1d9;color:#44636b;border-color:#b9c9c1;font-size:15px}
.article-byline strong{color:#526a70;font-size:11px}
.article-byline>div>span{font-size:10px;color:#7b867f}
.save-button{border-color:#a8bbb266;border-radius:4px;background:#e6e9de;font-size:11px;color:#4c696d;min-height:39px;padding:7px 10px}
.save-button:hover{background:#dce4d8}
.save-button[aria-pressed=true]{background:#e9d8ab;border-color:#bba36e;color:#6e5b2e}
.article-audience{font-size:11px;padding:0;border:0;background:none;color:#7d8478;margin-top:13px}
.quick-jumps{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:17px 0 0;border-top:1px dashed #b3beb0;padding-top:16px}
.quick-jumps>span{font-size:10px;color:#7a887f;margin-right:5px}
.quick-jumps button{display:flex;align-items:center;gap:12px;border-radius:4px;background:#e0e6dc;border:1px solid #c9d2c3;color:#49676d;font-size:11px;font-weight:600;min-height:37px;padding:5px 10px}
.quick-jumps button:hover{background:#d1ddcf}
.quick-jumps i{font-style:normal;color:#7b8f81}
.article-prose{color:#354b55;font-size:16px;line-height:2.05;letter-spacing:.01em;overflow-wrap:anywhere}
.article-prose p{margin-bottom:22px}
.article-prose strong{font-weight:700;color:#263e49}
.article-lead p:first-child{font-weight:500;font-size:17px;line-height:1.95}
.article-lead p:nth-child(2) strong{background:linear-gradient(transparent 70%,#e8d69f 70%)}
.article-prose h2{color:#254651;background:#dce5de;border-left:3px solid #698b80;border-radius:0 5px 5px 0;font-size:22px;font-weight:700;line-height:1.75;padding:17px 18px;margin:43px 0 23px;scroll-margin-top:100px}
.article-prose h3{color:#395863;font-size:18px;font-weight:700;line-height:1.8;border-color:#c3cec1;margin-top:29px}
.article-prose a:not(.related-inline){color:#356c7b}
.article-takeaways{background:#e7e5d8;border:1px solid #d3ccb7;padding:20px 23px;margin:23px 0 0}
.article-takeaways h2{font-size:15px;color:#526259}
.article-takeaways li{color:#626c61;font-size:14px}
.article-toc{background:#e3e8de;border:1px solid #c0cdbd;padding:18px 21px;margin:28px 0 35px;border-radius:5px}
.article-toc summary{color:#48666e;font-size:14px}
.article-toc li{color:#5b747a;font-size:13px}
.article-prose table{min-width:455px;font-size:13px}
.article-prose th,.article-prose td{border-color:#c1cfbf;padding:13px 11px}
.article-prose thead{background:#d9e3d7}
.article-prose th{color:#4e695e}
.article-prose td:first-child{background:#e6eadd;color:#536b60}
.article-prose tbody tr:nth-child(even){background:#ecebdd}
.table-hint{color:#849080}
.article-photo{display:none}
.inline-reading,.checklist-box{background:#e8ebdf;border-color:#c1cfbd;border-radius:5px}
.inline-reading strong{color:#3e6068}
.inline-reading span{color:#6a817c}
.inline-reading:hover{background:#dfe8d9}
.checklist-head{color:#576f68;border-color:#bdcbb8}
.checklist-head strong{color:#7a653d}
.check-row{color:#466067;border-color:#cbd2c37a;font-size:14px;transition:color .2s}
.check-row input{accent-color:#4d7d68}
.check-row:has(input:checked){background:#d4e4d350}
.checklist-foot{color:#7a8b7f;font-size:11px}
.checklist-foot button{color:#647b6b}
.source-section{border-color:#c0cbbb;font-size:12px;color:#6f8178;scroll-margin-top:100px}
.source-section h2{font-size:16px;background:transparent;color:#526e65;border:0;padding:0}
.article-actions{border-color:#c3cdbe}
.outline-button{background:#e8eddf;color:#42646b;border-color:#b9cbbc;border-radius:4px}
.outline-button:hover{background:#d8e5d2}
.author-box{background:#e4e9dd;border-color:#cbd5c3;border-radius:5px}
.author-box h2,.author-box strong{color:#4d686b}
.author-box p{color:#6a7e74}
.author-box .text-button{color:#886d3c}
.article-main .article-list{background:none;border:0;padding:0;border-radius:0}
.article-main .article-row{border-color:#c7d0c0}
.article-main .article-row h3{font-size:16px;color:#3b5a64}
.article-main .article-row .category{background:#dbe5d6;color:#567568;font-size:10px}
.article-main .article-row p{color:#6e8074}
.article-main .row-meta time,.article-main .row-foot{font-size:10px;color:#85907f}
.article-main .thumb-note{display:none}
.article-main .section-heading h2{color:#405c65;font-size:18px}
/* Read, tap, get an answer. The answer stays visible until the reader changes it. */
.reader-widget{padding:25px;background:#233e48;color:#dfe7df;border:1px solid #577879;border-radius:7px;position:relative;margin:27px 0 30px;box-shadow:0 8px 24px #14384410;overflow:hidden}
.reader-widget::before{content:"";position:absolute;right:-35px;top:-45px;width:150px;height:150px;background:radial-gradient(circle,#c5a9621d,transparent 70%);pointer-events:none}
.article-prose .widget-kicker{font-size:10px;font-weight:600;letter-spacing:.13em;color:#d7bc83;margin:0 0 9px}
.article-prose .reader-widget h2{background:none;border:0;padding:0;margin:0 0 8px;font-size:22px;line-height:1.65;color:#f3eddd}
.article-prose .widget-description{font-size:12px;line-height:1.9;color:#b2c7c9;margin:0 0 17px}
.choice-list{display:grid;gap:8px}
.choice-button{display:flex;align-items:center;text-align:left;gap:11px;border:1px solid #8ea7a353;border-radius:4px;background:#ffffff05;padding:12px 13px;color:#e2e8df;font-size:13px;font-weight:500;line-height:1.7;min-height:48px;transition:background .2s,border-color .2s,transform .2s}
.choice-letter{border:1px solid #b1c0a04f;color:#e5cc94;font-size:10px;line-height:22px;width:23px;text-align:center;flex-shrink:0;border-radius:50%}
.choice-button:hover{background:#d3c08c14;border-color:#d2ba82;transform:translateX(3px)}
.choice-button[aria-pressed=true]{background:#d9c795;border-color:#ead6a0;color:#213c43}
.choice-button[aria-pressed=true] .choice-letter{background:#2f5051;color:#f5e6bb;border-color:#2f5051}
.widget-result{margin-top:16px;padding:19px;background:#edf0e4;border-radius:5px;color:#405d63;border-left:3px solid #9fba9d;animation:answer-in .3s ease-out both}
.article-prose .widget-result .result-label{font-size:10px;color:#688369;font-weight:700;letter-spacing:.06em;margin:0 0 8px}
.article-prose .widget-result h3{font-size:16px;line-height:1.8;font-weight:700;color:#2b5058;border:0;margin:0 0 9px;padding:0}
.article-prose .widget-result p{font-size:13px;line-height:1.95;color:#5e756e;margin:0 0 12px}
.article-prose .widget-result a.source-ref{color:#476d70;font-size:11px!important}
.result-next{display:inline-flex;align-items:center;gap:15px;min-height:42px;padding:8px 12px;background:#385e5d;color:#f2f3e5;border-radius:4px;font-size:12px;font-weight:600}
.result-next:hover{background:#264b4e}
.tap-detail{margin:20px 0 28px;border:1px solid #bcccbc;background:#e8ede1;border-radius:5px;overflow:hidden}
.tap-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;font-weight:600;color:#41655e;padding:17px 19px;cursor:pointer;list-style:none;line-height:1.8}
.tap-detail summary::-webkit-details-marker{display:none}
.tap-detail>summary>span{font-size:22px;line-height:1;transition:transform .25s;flex-shrink:0;color:#71876b}
.tap-detail[open]>summary>span{transform:rotate(45deg)}
.tap-detail[open]>summary{border-bottom:1px solid #ccd6c3;background:#dfe8d8}
.tap-detail-body{padding:18px 20px 2px;animation:answer-in .25s ease-out}
.tap-detail-body p,.tap-detail-body ol,.tap-detail-body ul{font-size:14px;line-height:1.95}
.tap-detail-body ol{margin-top:0;padding-left:23px}
.tap-detail-body li{padding-left:2px}
/* Affiliate placements demonstrate the editorial reason before the store buttons. */
.affiliate-card{scroll-margin-top:100px;border:1px solid #c4b991;border-top:3px solid #bba16a;border-radius:6px;overflow:hidden;background:#ece8da;margin:23px 0 30px;box-shadow:0 5px 20px #4c574207}
.affiliate-label{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 18px;background:#e4dfcd;font-size:10px;color:#827455;border-bottom:1px solid #cdc3a34d}
.affiliate-label strong{font-size:10px;color:#74633d;letter-spacing:.05em}
.affiliate-product{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;padding:23px 22px 15px;align-items:center}
.affiliate-visual{border-radius:5px;overflow:hidden;position:relative;background:#e3ded2}
.affiliate-visual img{width:100%;aspect-ratio:4/3;height:auto}
.affiliate-visual figcaption{font-size:9px;line-height:1.7;color:#838471;text-align:center;padding:0 5px 6px;background:#e9e3d5}
.article-prose .affiliate-copy .product-type{font-size:10px;color:#8a794e;margin:0 0 6px;line-height:1.7}
.article-prose .affiliate-copy h3{font-size:18px;line-height:1.7;color:#3d5558;padding:0;border:0;margin:0 0 10px}
.article-prose .affiliate-copy p{font-size:13px;line-height:1.85;color:#6a7569;margin:0}
.affiliate-fit{padding:0 22px;display:grid;gap:8px}
.article-prose .affiliate-fit p{font-size:12px;line-height:1.85;color:#6e796b;margin:0;padding-left:12px;border-left:2px solid #a1b498}
.affiliate-fit b{color:#4d6556;font-size:11px;margin-right:7px}
.affiliate-shops{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:18px 22px 10px}
.shop-button{border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:47px;padding:10px 13px;font-size:12px;font-weight:700;box-shadow:0 3px 0 #26362b12;transition:transform .2s,filter .2s}
.shop-rakuten{background:#a94843;color:#fff6ed;border:1px solid #963f3a}
.shop-amazon{background:#d4ad58;color:#3e3b2a;border:1px solid #c49d4d}
.shop-button:hover{filter:brightness(1.08);transform:translateY(-2px)}
.shop-button:active{transform:translateY(1px);box-shadow:none}
.shop-button span:last-child{font-size:17px;font-weight:400}
.article-prose .affiliate-footnote{font-size:10px;line-height:1.85;color:#858574;padding:0 22px 19px;margin:0}
.affiliate-card.is-highlighted{animation:card-highlight 1.3s ease-out}
.demo-shop-heading{display:flex;gap:12px;align-items:center;margin-bottom:19px;color:#6c805f;font-size:12px;font-weight:600}
.demo-shop-heading>span{background:#e0e8d5;border:1px solid #bcccae;padding:3px 8px;border-radius:3px;font-size:11px}
.demo-item-preview{display:grid;grid-template-columns:110px 1fr;gap:17px;align-items:center;border:1px solid #c9ceba;border-radius:5px;padding:14px;background:#e7e8da;margin:19px 0}
.demo-item-preview img{width:110px;border-radius:4px}
.demo-item-preview strong{font-size:15px;line-height:1.8;color:#405e5e}
.demo-item-preview small{display:block;font-size:11px;color:#7e8978;margin-top:5px}
/* Compact footer and preference control. */
.site-footer{background:#10242e;border-top:1px solid #a8bfc01f;padding:33px 0 26px}
.footer-logo{font-family:var(--font);font-weight:700;font-size:22px;letter-spacing:-.02em;color:#dfddd1}
.footer-main>a:last-child{color:#b2c2bf;font-size:11px}
.footer-links{border-color:#acbfbc20;gap:15px 24px}
.footer-links button{font-size:11px;color:#9eb3b6}
.footer-links .motion-toggle{margin-left:auto;text-decoration:underline;text-underline-offset:4px}
.site-footer p{font-size:10px;line-height:2;color:#809ca7}
.site-footer small{font-size:10px;color:#718e9a}
.to-top{background:#26434de8;color:#e5d0a1;border-color:#afae8566;box-shadow:0 6px 20px #08192455}
dialog{background:#f0ede2;border-color:#b9bd9b;border-radius:7px;color:#4d696b;box-shadow:0 20px 80px #06162077}
dialog::backdrop{background:#0a2032b8;backdrop-filter:blur(5px)}
.dialog-content h2,.dialog-content h3{color:#2e505b}
.dialog-content p,.dialog-content ul{color:#657b70}
.modal-close{color:#607a75}
.modal-search,.modal-search input{background:#e8ecdf;color:#375b64}
.modal-search{border-color:#bccbbb;border-radius:4px}
.search-result{border-color:#bdcbbb}
.search-result strong{color:#3c636a}
.search-result small{color:#897541}
.legal-link{color:#426b72}
#toast{background:#d5c597;color:#24434c;border-radius:4px;box-shadow:0 8px 30px #07172444}
[data-reveal].entered{animation:article-arrive .55s cubic-bezier(.2,.75,.3,1) backwards}
#list-results .article-row.entered:nth-child(2){animation-delay:.05s}
@keyframes article-arrive{from{opacity:.5;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes answer-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes card-highlight{0%{box-shadow:0 0 0 0 #c2a65cbb}40%{box-shadow:0 0 0 7px #c2a65c44}100%{box-shadow:0 0 0 0 #c2a65c00}}
@keyframes menu-arrive{from{opacity:.3;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.container{padding-left:26px;padding-right:26px}.masthead{gap:18px}.logo-main{font-size:23px}.main-nav{gap:16px}.main-nav a{font-size:11px}.page-columns{grid-template-columns:minmax(0,1fr) 224px;gap:25px}#list-results .article-row{grid-template-columns:155px minmax(0,1fr);gap:19px;padding:20px}#list-results .lead-row h3{font-size:20px}#list-results .article-row h3{font-size:18px}.article-main{padding:31px}.title-main{font-size:33px}.title-sub{font-size:20px}.affiliate-product{grid-template-columns:130px 1fr;gap:17px;padding:20px}.affiliate-copy h3{font-size:17px}.side-about{padding:22px 18px}}
@media(max-width:900px){
 .masthead{min-height:70px;gap:15px}.header-actions{margin-left:auto}.menu-button{display:grid}
 .main-nav{display:grid;position:absolute;top:100%;left:0;right:0;grid-template-columns:1fr 1fr;gap:0;min-height:0;max-height:0;overflow:hidden;visibility:hidden;opacity:0;padding:0 26px;background:#1c3541;transform:translateY(-8px);transition:opacity .2s,transform .25s,max-height .25s,padding .25s,visibility .25s;box-shadow:0 20px 35px #07182455}
 .main-nav.open{display:grid;visibility:visible;opacity:1;max-height:300px;padding:16px 26px 21px;transform:none}
 .main-nav a,.main-nav .saved-nav{width:auto;display:flex;align-items:center;font-size:12px;min-height:49px;padding:13px 10px;border-bottom:1px solid #c5d1bc1c;font-weight:500}
 .main-nav a[aria-current=page]::after{left:10px;right:auto;width:26px;bottom:0}.main-nav.open a{animation:menu-arrive .3s backwards}.main-nav.open a:nth-child(n+3){animation-delay:.06s}
 .page-columns{grid-template-columns:minmax(0,1fr) 205px;gap:23px}#list-results .article-row{grid-template-columns:120px minmax(0,1fr);padding:18px;gap:16px}#list-results .lead-row h3{font-size:19px}#list-results .article-row h3{font-size:17px}#list-results .row-meta{flex-wrap:wrap;gap:6px}#list-results .article-row p{font-size:12px}#list-results .row-foot{font-size:9px}.row-read{font-size:9px;gap:6px}.feed-edition{display:none}.article-main{padding:27px}.title-main{font-size:31px}.title-sub{font-size:19px}.article-prose h2{font-size:20px}.article-byline .save-button{width:auto;margin-top:0}.reader-widget{padding:22px}.affiliate-product{grid-template-columns:1fr}.affiliate-visual{max-width:210px}.affiliate-shops{grid-template-columns:1fr}.side-about p{font-size:12px}.side-about h2{font-size:15px}
}
@media(max-width:760px){
 html{scroll-padding-top:85px}.container{padding-left:20px;padding-right:20px}.masthead{min-height:68px;gap:10px}.site-logo{gap:7px}.logo-main{font-size:22px}.logo-prefix{font-size:8px;letter-spacing:.06em}.logo-mark{width:27px;height:36px}.logo-mark svg{width:21px;height:31px}.header-actions{gap:6px}.icon-button,.header-search,.menu-button{width:36px;min-width:36px;height:36px;padding:8px}.icon-button svg{width:18px;height:18px}.main-nav{padding:0 20px}.main-nav.open{padding:15px 20px 20px}
 #list-view{padding-top:22px;padding-bottom:35px}.page-columns{display:block}.list-header{padding-bottom:5px}.list-header .article-kicker{font-size:10px;margin-bottom:3px}.list-header h1{font-size:23px}.list-description{font-size:12px;line-height:1.85;margin-bottom:13px}.feed-categories{margin-bottom:14px}.feed-categories a{font-size:11px;padding:8px 13px 10px}.feed-categories a:first-child{padding-right:17px}.list-toolbar{min-height:43px;margin-bottom:15px;padding:5px 11px}.search-field input{font-size:16px}.search-field input::placeholder{font-size:12px}.list-toolbar>span{font-size:10px}
 #list-results{gap:13px}#list-results .article-row{grid-template-columns:minmax(0,1fr) 95px;gap:15px;padding:17px 16px;min-height:181px;border-radius:6px}#list-results .row-thumb{grid-column:2;grid-row:1;width:95px;align-self:start;margin-top:31px}#list-results .row-thumb img{aspect-ratio:1;object-fit:cover}#list-results .row-copy{grid-column:1;grid-row:1}#list-results .row-meta{display:block;margin-bottom:9px;line-height:1.6}#list-results .row-meta .category{font-size:9px;padding:2px 7px}#list-results .row-meta time{position:absolute;right:16px;top:20px;font-size:9px}#list-results .article-row h3{font-size:16px;line-height:1.75;letter-spacing:0}#list-results .lead-row h3{font-size:18px;line-height:1.7}#list-results .article-row p{font-size:12px;line-height:1.9;margin-top:10px;-webkit-line-clamp:2}#list-results .row-foot{font-size:9px;margin-top:13px;line-height:1.7;display:flex;flex-wrap:wrap;gap:4px}#list-results .row-read{font-size:9px;gap:5px}#list-results .row-read .arrow{font-size:16px;display:block}#list-results .thumb-note{font-size:8px;left:6px;bottom:6px;padding:2px 5px}#list-results .lead-row .row-thumb{margin-top:34px}#list-results .lead-row .row-thumb img{aspect-ratio:1/1.2}.thumb-note{font-size:8px}
 .sidebar{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;margin-top:32px}.feed-sidebar{padding:0}.side-search{grid-column:1/-1;margin:0;font-size:13px}.side-about{grid-column:1/-1;padding:23px}.side-block{margin:0}.side-about h2{font-size:16px}.side-about p{font-size:13px}.side-about .side-account{font-size:13px}.side-about .side-operator{font-size:11px}.side-instagram-button{font-size:12px}.side-block h2{font-size:14px}.category-links a{font-size:12px}.side-story strong{font-size:12px}.side-note{grid-column:1/-1;font-size:11px}.sidebar-toc{display:none}
 .breadcrumbs{font-size:10px;padding:19px 0;gap:7px}.list-breadcrumbs{padding-top:0}.article-main{margin:0 -20px;padding:23px 20px 31px;border-radius:0;border-left:0;border-right:0;box-shadow:none}.article-ad-note{font-size:9px;margin-bottom:14px}.article-heading-top{margin-bottom:12px}.category-label{font-size:10px}.sample-label{font-size:9px}.article-header h1{font-size:25px;line-height:1.75;margin:12px 0 20px}.title-main{font-size:31px;line-height:1.6;letter-spacing:-.035em}.title-sub{font-size:18px;line-height:1.85;font-weight:600;margin-top:12px}.article-byline{padding:12px 0;gap:8px;flex-wrap:wrap}.article-byline strong{font-size:10px}.article-byline>div{min-width:0;flex:1}.article-byline>div>span{font-size:9px}.author-avatar{width:29px;height:29px;font-size:13px}.article-byline .save-button{width:auto;margin:0 0 0 auto;min-height:37px;padding:6px 8px;font-size:10px;gap:5px}.save-button svg{width:12px;height:17px}.article-audience{font-size:10px;margin-top:11px}.quick-jumps{gap:7px;margin-top:14px;padding-top:13px}.quick-jumps>span{font-size:9px;width:100%;margin:0 0 1px}.quick-jumps button{font-size:11px;min-height:37px;padding:5px 10px;gap:14px}.article-header{margin-bottom:23px}
 .article-prose{font-size:16px;line-height:2}.article-lead p:first-child{font-size:16px;line-height:2}.article-prose p{margin-bottom:21px}.article-prose h2{font-size:20px;line-height:1.8;margin:37px 0 21px;padding:14px 15px;scroll-margin-top:84px}.article-prose h3{font-size:17px;margin-top:27px}.article-toc{padding:17px 18px;margin:24px 0 31px}.article-toc summary{font-size:13px}.article-toc li{font-size:12px}.article-takeaways{padding:19px 18px}.article-takeaways h2{font-size:14px}.article-takeaways li{font-size:13px}.table-hint{display:block}.article-prose table{font-size:12px;min-width:450px}.checklist-box{padding:19px 17px}.check-row{font-size:13px;gap:11px}.checklist-head{font-size:12px}.checklist-head strong{font-size:13px}.checklist-foot{font-size:10px;gap:10px}.checklist-foot button{font-size:11px}.source-section h2{font-size:16px;padding:0}.source-section{scroll-margin-top:84px}.author-box{padding:21px 18px;gap:13px}.author-box p{font-size:12px}.article-actions{gap:14px}.outline-button{font-size:12px}.article-actions .read-more{font-size:12px}.article-main .article-row h3{font-size:15px}.article-main .row-meta time{font-size:9px}.compact .article-row{grid-template-columns:minmax(0,1fr) 78px;gap:13px}.compact .row-thumb{width:78px}.article-main .row-read{display:none}
 .reader-widget{padding:21px 18px;margin:25px 0;border-radius:6px}.article-prose .widget-kicker{font-size:9px;margin-bottom:7px}.article-prose .reader-widget h2{font-size:20px;line-height:1.65;margin-bottom:9px}.article-prose .widget-description{font-size:11px;line-height:1.9;margin-bottom:16px}.choice-button{font-size:12px;padding:12px 11px;gap:9px;min-height:49px}.choice-letter{font-size:9px;width:21px;line-height:20px}.widget-result{padding:17px 15px}.article-prose .widget-result h3{font-size:15px}.article-prose .widget-result p{font-size:12px}.result-next{font-size:11px;line-height:1.7;min-height:43px;padding:8px 11px;gap:10px}.tap-detail>summary{font-size:13px;padding:16px 15px}.tap-detail-body{padding:17px 15px 0}.tap-detail-body p,.tap-detail-body ol{font-size:13px}
 .affiliate-card{margin:22px 0 28px;scroll-margin-top:84px}.affiliate-label{padding:10px 15px;font-size:9px}.affiliate-label strong{font-size:9px}.affiliate-product{grid-template-columns:95px minmax(0,1fr);gap:15px;padding:19px 16px 15px;align-items:start}.affiliate-visual{width:95px;max-width:none}.affiliate-visual img{aspect-ratio:1;object-fit:cover}.affiliate-visual figcaption{font-size:8px}.article-prose .affiliate-copy .product-type{font-size:9px;margin-bottom:5px}.article-prose .affiliate-copy h3{font-size:16px;line-height:1.75;margin-bottom:8px}.article-prose .affiliate-copy p{font-size:12px;line-height:1.85}.affiliate-fit{padding:0 16px;gap:8px}.article-prose .affiliate-fit p{font-size:11px;line-height:1.9;padding-left:10px}.affiliate-fit b{font-size:10px}.affiliate-shops{padding:16px 16px 10px;gap:8px;grid-template-columns:1fr 1fr}.shop-button{font-size:10px;padding:10px;gap:5px;min-height:47px}.shop-button span:last-child{font-size:15px}.article-prose .affiliate-footnote{font-size:9px;padding:0 16px 17px}.demo-item-preview{grid-template-columns:85px 1fr;padding:11px;gap:12px}.demo-item-preview img{width:85px}.demo-item-preview strong{font-size:14px}
 .site-footer{padding-top:28px;padding-bottom:22px}.footer-main{display:flex;gap:15px;margin-bottom:20px}.footer-logo{font-size:20px}.footer-main>a:last-child{font-size:10px;margin:0}.footer-links{gap:12px 19px}.footer-links button{font-size:10px}.footer-links .motion-toggle{margin-left:0}.site-footer p{font-size:9px}.site-footer small{font-size:9px}.to-top{width:38px;height:38px;right:12px;bottom:14px}.dialog-content{padding:34px 24px}.dialog-content h2{font-size:21px}.dialog-content p{font-size:14px}.modal-search input{font-size:16px}
}
@media(max-width:380px){.container{padding-left:17px;padding-right:17px}.logo-main{font-size:20px}.logo-prefix{font-size:7px}.logo-mark{width:25px}.site-logo{gap:6px}.header-actions{gap:4px}.icon-button,.header-search,.menu-button{width:33px;min-width:33px;height:33px;padding:7px}.feed-categories a{font-size:10px;padding-left:11px;padding-right:11px}#list-results .article-row{grid-template-columns:minmax(0,1fr) 80px;padding:16px 14px;gap:12px}#list-results .row-thumb{width:80px}#list-results .row-meta time{right:14px;top:19px}#list-results .lead-row h3{font-size:17px}#list-results .article-row h3{font-size:15px}#list-results .row-foot{font-size:8px}.row-read{font-size:8px}#list-results .article-row p{font-size:11px}.article-main{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}.title-main{font-size:28px}.title-sub{font-size:17px}.article-byline .save-button{margin-left:0}.article-byline>div>span{font-size:8px}.article-prose .reader-widget h2{font-size:19px}.reader-widget{padding:20px 16px}.affiliate-product{grid-template-columns:80px 1fr;gap:12px}.affiliate-visual{width:80px}.article-prose .affiliate-copy h3{font-size:15px}.shop-button{font-size:9px;padding:10px 8px}.sidebar{grid-template-columns:1fr}.footer-logo{font-size:18px}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after,.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.page-paused *,.page-paused *::before,.page-paused *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Restore the user's selected reference: navy, fine gold rules and ivory reading panels. */
:root{--font:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,"Noto Sans CJK JP",sans-serif;--canvas:#0b1930;--ink:#263349;--text:#333d4b;--muted:#71757b;--line:#e5dfd4;--paper:#fffcf6;--gold:#dcc18a;--gold-muted:#aa936c;--pale:#f4efe5;--cream:#f2ede3;--navy:#14273e}
.atmosphere{background:radial-gradient(ellipse at 90% 450px,#21374a 0,transparent 47%),linear-gradient(140deg,#111f36,#0b192e 65%)}
.site-header{position:relative;background:#0b1930;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.masthead-stage{position:relative;isolation:isolate;overflow:hidden;background:#0e1b30}
.masthead-photo{position:absolute;top:0;bottom:0;right:max(20px,calc((100vw - 1160px)/2));width:420px;z-index:-2;background:url('assets/night-castle.jpg') center 42%/cover no-repeat;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 27%,#000 82%,transparent)}
.masthead-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d1c33 8%,#0d1c33f2 35%,#0d1c3380 60%,#0b182b2b),linear-gradient(0deg,#0b1930c7,transparent 65%)}
.masthead-stage::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.6;pointer-events:none;background-image:radial-gradient(circle at 12% 21%,#e4cb965f 0 1px,transparent 1.8px),radial-gradient(circle at 32% 76%,#e4cb963f 0 1px,transparent 1.8px),radial-gradient(circle at 48% 18%,#e4cb965f 0 1px,transparent 1.8px)}
.masthead{min-height:125px;gap:32px;align-items:center}
.site-logo{display:flex;flex-direction:column;align-items:flex-start;gap:7px;flex-shrink:0}
.logo-prefix{color:#dcc18a;font-size:11px;font-weight:600;letter-spacing:.1em}
.logo-main{font-size:31px;font-weight:800;letter-spacing:-.035em;line-height:1.3;color:#fff9ee}
.logo-period{font-size:40px;color:#dcc18a;margin-left:4px;padding:0}
.site-description{border-left:1px solid #ddc99b40;padding-left:26px;color:#c5ccd7;font-size:11px;line-height:1.95;max-width:310px}
.header-actions{margin-left:auto;gap:11px}
.icon-button{background:#0b182b42;border-color:#ead9b64f;color:#fff9ee}
.icon-button:hover{background:#24334a;border-color:#dcc18a}
.scene-caption{display:flex;justify-content:flex-end;padding-bottom:13px;margin-top:-12px;position:relative;font-size:9px;color:#b8c2cf;line-height:1.7}
.scene-caption a{text-decoration:underline;text-underline-offset:3px}
.nav-wrap{background:#0b182a;border-top:1px solid #ddc99b30;border-bottom:1px solid #bd9c614f}
.main-nav{margin:0 auto;gap:35px;min-height:51px}
.main-nav a{font-size:12px;font-weight:500;color:#ced4de;letter-spacing:.03em;padding:15px 0 14px}
.main-nav a[aria-current=page],.main-nav a:hover{color:#dcc18a}
.main-nav .saved-nav{margin-left:auto;color:#c7ccd4;font-size:11px}
.saved-nav span{background:#ffffff12;border:1px solid #dcc18a35;color:#dcc18a}
.reading-progress{background:#dcc18a}
#list-view{padding-top:29px}
.page-columns{grid-template-columns:minmax(0,1fr) 264px;gap:30px}
.main-column,.article-main{padding:30px 34px 32px;background:#fffcf6;border:1px solid #eee2c626;border-top:3px solid #cbb180;border-radius:5px;box-shadow:0 8px 32px #020c1e1a}
.list-header{padding:0 0 8px}
.list-header .article-kicker{color:#907041;font-size:10px;font-weight:600;margin-bottom:5px}
.list-header h1{color:#263349;font-size:28px;line-height:1.6;letter-spacing:0}
.list-description{color:#777a7c;font-size:13px;line-height:1.9;margin-bottom:16px}
.feed-categories{border-color:#e0d7c4;margin-bottom:17px}
.feed-categories a{color:#868274;font-size:11px}
.feed-categories a[aria-current=page],.feed-categories a:hover{color:#856331;border-color:#b3955f}
.list-toolbar{background:none;border:0;border-top:1px solid #e5dfd4;border-bottom:1px solid #e5dfd4;border-radius:0;padding:9px 0;margin-bottom:9px;min-height:47px}
.search-field svg{color:#9b9b93}
.search-field input{background:none;color:#394251;font-size:13px}
.search-field input::placeholder{color:#a2a29c}
.list-toolbar>span{color:#9b9b94}
#list-results{display:block}
#list-results .article-row{grid-template-columns:145px minmax(0,1fr);padding:25px 0;gap:23px;background:none;border:0;border-bottom:1px solid #e5dfd4;border-radius:0;box-shadow:none;min-height:0}
#list-results .article-row:last-child{border-bottom:0;padding-bottom:5px}
#list-results .article-row:hover{background:none;border-color:#d9c9a7;box-shadow:none}
#list-results .lead-row{border-top:0;background:none}
#list-results .row-thumb{border-radius:3px;margin-top:2px}
#list-results .row-thumb img,#list-results .lead-row .row-thumb img{aspect-ratio:1.15;filter:saturate(.78)}
#list-results .row-meta .category{color:#8a652c;background:none;font-size:10px;padding:0;border-radius:0}
#list-results .row-meta time{color:#8b8880;font-size:10px}
#list-results .article-row h3{font-size:18px;line-height:1.8;color:#2b3749;letter-spacing:0}
#list-results .lead-row h3{font-size:21px;line-height:1.7}
#list-results .article-row:hover h3{color:#825d28}
#list-results .article-row p{font-size:12px;color:#777a76;line-height:1.95}
#list-results .row-foot{color:#8b877e;font-size:9px}
.row-read{color:#927441;font-size:10px}
.row-read .arrow{color:#a1844d}
.thumb-note{background:#14263be8;color:#e5d4ae;border-left:2px solid #d4b87e;border-radius:0;font-size:8px}
#list-results .lead-row .thumb-note{background:#14263be8;color:#e5d4ae}
.feed-sidebar{padding-top:0}
.side-search{background:#13263e;border-color:#cdb68145;color:#bec9d8;border-radius:3px}
.side-about{background:linear-gradient(145deg,#1c3048,#14273e);border:1px solid #ccb27c65;border-radius:4px;box-shadow:none;padding:24px 21px;position:relative}
.side-about::before{content:"✦";position:absolute;right:17px;top:14px;color:#dcc18aa1;font-size:14px}
.side-about .side-label{font-size:10px;font-weight:600;color:#dcc18a;margin:0 0 8px;letter-spacing:.05em}
.side-about h2{font-size:21px;color:#fff8e7;margin-bottom:13px;font-weight:700}
.side-about p{color:#bcc7d5;font-size:12px;line-height:2}
.side-about .side-account{color:#c5cbd5;font-size:12px;border-color:#cbb37b26;margin-top:15px;padding-top:14px}
.side-about .side-operator{color:#9faec1;font-size:10px}
.side-instagram-button{display:inline-flex;justify-content:flex-start;gap:20px;min-height:34px;border:0;border-bottom:1px solid #bfa3707a;background:none;color:#e4cfa2;border-radius:0;padding:0 0 4px;font-size:11px;box-shadow:none}
.side-instagram-button:hover{background:none;border-color:#dcc18a;color:#f1dfb8;transform:none}
.side-block h2{color:#dce2ea;border-color:#bfa37075}
.category-links a{color:#bdcadb;border-color:#d1dce11f}
.category-links span{color:#d9c393;background:none}
.side-story{border-color:#d1dce11f}
.side-story .side-tag{color:#d7bd85}
.side-story strong{color:#c7d1de}
.side-story small,.side-note{color:#9baec4}
.sidebar-toc{background:#13273d;border-color:#b79c6340;border-top-color:#ac9061}
.sidebar-toc h2{color:#ede9dc}
.sidebar-toc button{color:#bac8d9;border-color:#293b51}
.sidebar-toc button:hover{background:#c6ab7020;color:#e5c992;border-color:#d1b579}
.breadcrumbs{color:#a6b4c8;font-size:10px}
.article-header h1{color:#263349}
.title-main{font-size:34px}
.title-sub{color:#4f5967;font-size:21px}
.title-main mark{background:linear-gradient(transparent 70%,#e9d8b1 70%)}
.article-ad-note{color:#989080}
.category-label{color:#84612b;background:#f2ead8;border-color:#ba9b61}
.sample-label{color:#8b887d}
.article-byline{border-color:#e2dbce}
.author-avatar{background:#192e47;color:#ead8ae;border-color:#a79065}
.article-byline strong{color:#3a4657}
.article-byline>div>span{color:#82817b}
.save-button{background:#f4efe4;color:#7d704f;border-color:#d9ccb4}
.save-button:hover{background:#eee4cc}
.article-audience{color:#928876}
.quick-jumps{border-color:#d9cdb7}
.quick-jumps>span{color:#8e8575}
.quick-jumps button{background:#f3eddf;border-color:#ded0b3;color:#796039;border-radius:3px}
.quick-jumps button:hover{background:#ece0c3}
.quick-jumps i{color:#b39a6a}
.article-prose{color:#333d4b}
.article-prose strong{color:#243248}
.article-lead p:nth-child(2) strong{background:linear-gradient(transparent 70%,#eadcb9 70%)}
.article-prose h2{background:#f1ede3;border-left-color:#b49359;border-bottom:1px solid #e4dac6;color:#26384d;border-radius:0}
.article-prose h3{border-color:#d8ccb6;color:#334154}
.article-prose a:not(.related-inline){color:#805a25;text-decoration-color:#bea779}
.article-takeaways,.article-toc{background:#f6f1e7;border-color:#ddd0b4;border-top:2px solid #b4945c;border-radius:2px}
.article-toc summary{color:#32415a}
.article-toc li{color:#7c7365}
.article-takeaways h2,.article-takeaways li{color:#71634e}
.article-prose th,.article-prose td{border-color:#d7cebc}
.article-prose thead{background:#ede5d4}
.article-prose th{color:#645641}
.article-prose td:first-child{background:#f7f3ea;color:#71634e}
.article-prose tbody tr:nth-child(even){background:#f8f4ea}
.table-hint{color:#9d9481}
.inline-reading{background:#fffdf7;border-color:#d9ceb9;border-left-color:#a78448}
.inline-reading strong{color:#4a4f58}
.inline-reading span{color:#8f713d}
.inline-reading:hover{background:#f5efe1}
.checklist-box{background:#fcf8ef;border-color:#d8ccb8;border-radius:3px}
.checklist-head{color:#8e8370;border-color:#dfd7c9}
.checklist-head strong{color:#88652d}
.check-row{border-color:#e8e1d5;color:#565a5e}
.check-row input{accent-color:#92703c}
.check-row:has(input:checked){background:#efe4c749}
.checklist-foot,.checklist-foot button{color:#92846c}
.source-section{border-color:#dfd7c8;color:#837e73}
.source-section h2{background:none;color:#6b675d;border:0}
.source-section a{color:#817252!important}
.article-actions{border-color:#dfd7c9}
.outline-button{background:#fffcf6;border-color:#bca77e;color:#80663b;border-radius:3px}
.outline-button:hover{background:#f5eddc;border-color:#967243}
.author-box{background:#f2eee5;border-color:#e0d6c5;border-radius:3px}
.author-box h2,.author-box strong{color:#6f6657}
.author-box p{color:#827a6d}
.article-main .article-row{border-color:#e1d8c5}
.article-main .article-row h3{color:#485064}
.article-main .article-row .category{background:#f0e7d3;color:#8a6d38}
.article-main .row-meta time,.article-main .row-foot{color:#918774}
.article-main .section-heading h2{color:#455265}
.reader-widget{background:linear-gradient(135deg,#1c314a,#13263c);border-color:#ad946145;box-shadow:none;border-radius:4px}
.reader-widget::before{background:radial-gradient(circle,#cfb47720,transparent 70%)}
.article-prose .widget-kicker{color:#dcc18a}
.article-prose .reader-widget h2{color:#fff6e3}
.article-prose .widget-description{color:#b5c2d4}
.choice-button{border-color:#c8b2814a;background:#ffffff03;color:#d7deea;border-radius:3px}
.choice-letter{border-color:#ceb58055;color:#d9bd80}
.choice-button:hover{background:#d5ba7a14;border-color:#c3a56a}
.choice-button[aria-pressed=true]{background:#dcc28b;border-color:#e7d4a5;color:#233349}
.choice-button[aria-pressed=true] .choice-letter{background:#20374f;border-color:#20374f;color:#efdcad}
.widget-result{background:#f7f1e4;border-left-color:#c0a36c;border-radius:3px}
.article-prose .widget-result .result-label{color:#977947}
.article-prose .widget-result h3{color:#364357}
.article-prose .widget-result p{color:#7a7364}
.result-next{background:#243c58;color:#f4e4bf;border-radius:3px}
.result-next:hover{background:#36516f}
.tap-detail{background:#faf5ea;border-color:#d8c8a8;border-radius:3px}
.tap-detail>summary{color:#7c633b}
.tap-detail>summary>span{color:#a68e5f}
.tap-detail[open]>summary{background:#f0e6d0;border-color:#dfd2b6}
.affiliate-card{background:#fcf9f1;border-color:#d8c8a5;border-top-color:#b89a5f;border-radius:4px}
.affiliate-label{background:#f0e9d8;border-color:#dfd3b8}
.article-prose .affiliate-copy h3{color:#374151}
.article-prose .affiliate-copy p{color:#7b7467}
.article-prose .affiliate-fit p{color:#837967;border-color:#bfa575}
.affiliate-fit b{color:#9a7b41}
.shop-rakuten{background:#a64d48;border-color:#964440}
.shop-amazon{background:#d4b371;border-color:#c3a15f}
.site-footer{background:#081426;border-color:#a48c5d65}
.footer-logo{color:#f3ecdc}
.footer-main>a:last-child{color:#d6bd88}
.footer-links{border-color:#ded4b721}
.footer-links button{color:#b6c0cf}
.site-footer p{color:#a5b1c1}
.site-footer small{color:#8090a7}
.to-top{background:#152b43f5;color:#ead5a8;border-color:#ad9165}
dialog{background:#fffcf6;border-color:#cdbb97;border-top-color:#b5975e;border-radius:4px}
dialog::backdrop{background:#061123b8}
.dialog-content h2,.dialog-content h3{color:#344258}
.dialog-content p,.dialog-content ul{color:#797366}
.modal-close{color:#7d715a}
.modal-search,.modal-search input{background:#fffdf8;color:#4d5967}
.modal-search{border-color:#c9bca4}
.search-result{border-color:#e0d7c5}
.search-result strong{color:#3b485b}
.demo-shop-heading{color:#8d7953}
.demo-shop-heading>span{background:#f2e9d4;border-color:#d0bf9a}
.demo-item-preview{background:#f3edde;border-color:#d9cba9}
.demo-item-preview strong{color:#4d5260}
.demo-item-preview small{color:#90846a}
#toast{background:#ead9b4;color:#1b3049;border:1px solid #c0a46e}
.motion-tab-hidden *,.motion-tab-hidden *::before,.motion-tab-hidden *::after{animation-play-state:paused!important}
@media(max-width:1100px){.page-columns{grid-template-columns:minmax(0,1fr) 239px;gap:25px}.main-column,.article-main{padding-left:27px;padding-right:27px}.masthead{gap:25px}.site-description{font-size:10px;padding-left:22px}.logo-main{font-size:29px}.main-nav{gap:25px}#list-results .article-row{grid-template-columns:120px minmax(0,1fr);gap:20px}#list-results .lead-row h3{font-size:19px}}
@media(max-width:900px){.masthead{min-height:112px}.site-description{max-width:260px}.main-nav{margin:0;max-width:none;padding:0 26px;background:#112238;top:100%;z-index:55}.main-nav.open{padding:15px 26px 20px}.main-nav a,.main-nav .saved-nav{padding:14px 10px;margin-left:0;font-size:12px}.nav-wrap{height:0;border-top:0;border-bottom:1px solid #bd9c614f}.scene-caption{margin-top:-9px}.page-columns{grid-template-columns:minmax(0,1fr) 205px;gap:23px}.main-column,.article-main{padding-left:24px;padding-right:24px}#list-results .article-row{grid-template-columns:105px minmax(0,1fr);gap:17px}.list-header h1{font-size:26px}#list-results .article-row h3{font-size:17px}.side-about{padding:23px 18px}.side-about h2{font-size:18px}}
@media(max-width:760px){
 .masthead{min-height:91px;gap:10px}.site-logo{gap:5px}.logo-prefix{font-size:8px;letter-spacing:.08em}.logo-main{font-size:25px;letter-spacing:-.035em}.logo-period{font-size:32px;margin-left:2px}.site-description{display:none}.header-actions{gap:6px}.masthead-photo{right:0;width:245px;opacity:.85;background-position:center 40%}.masthead-stage::before{background:linear-gradient(90deg,#0d1c33f5,#0d1c33c9 48%,#0d1c3342),linear-gradient(0deg,#0b1930e6,transparent)}.scene-caption{margin-top:-6px;padding-bottom:10px;font-size:8px}.main-nav{padding:0 20px}.main-nav.open{padding:14px 20px 19px}.main-nav a,.main-nav .saved-nav{font-size:11px;min-height:47px;padding:12px 9px}
 #list-view{padding-top:20px;padding-bottom:32px}.page-columns{display:block}.main-column{padding:24px 20px 25px;margin:0 -20px;border-left:0;border-right:0;border-top-width:2px;border-radius:0;box-shadow:none}.list-header .article-kicker{font-size:9px}.list-header h1{font-size:25px}.list-description{font-size:12px;line-height:1.9;margin-bottom:12px}.feed-categories{margin-bottom:14px}.feed-categories a{font-size:11px;padding:8px 12px 10px}.feed-categories a:first-child{padding-left:1px;padding-right:16px}.list-toolbar{padding:8px 0;margin-bottom:2px;min-height:47px}.search-field input{font-size:16px}.search-field input::placeholder{font-size:12px}.list-toolbar>span{font-size:10px}
 #list-results .article-row{grid-template-columns:minmax(0,1fr) 91px;padding:23px 0;gap:16px;background:none;border:0;border-bottom:1px solid #e5dfd4;border-radius:0;box-shadow:none}#list-results .row-thumb{grid-column:2;grid-row:1;width:91px;margin-top:30px}#list-results .lead-row .row-thumb{margin-top:30px}#list-results .row-copy{grid-column:1;grid-row:1}#list-results .row-thumb img,#list-results .lead-row .row-thumb img{aspect-ratio:1}#list-results .row-meta{display:block;margin-bottom:9px}#list-results .row-meta time{right:0;top:24px;font-size:9px}#list-results .row-meta .category{font-size:10px}#list-results .article-row h3{font-size:16px;line-height:1.8}#list-results .lead-row h3{font-size:18px;line-height:1.75}#list-results .article-row p{font-size:12px;line-height:1.95}#list-results .row-foot{font-size:9px}#list-results .row-read{font-size:9px}#list-results .thumb-note{font-size:8px;padding:2px 5px;left:6px;bottom:6px}
 .sidebar{margin-top:28px;gap:25px 20px}.side-about{padding:23px 21px}.side-about h2{font-size:21px}.side-about .side-label{font-size:10px}.side-about p{font-size:12px}.side-about .side-account{font-size:12px}.side-about .side-operator{font-size:10px}.article-main{padding:24px 20px 31px;margin:0 -20px;border-left:0;border-right:0;border-top-width:2px;border-radius:0;box-shadow:none}.title-main{font-size:30px}.title-sub{font-size:18px}.article-header h1{font-size:25px}.article-prose{font-size:16px;line-height:2}.article-prose h2{font-size:20px}.article-prose h3{font-size:17px}.source-section h2{font-size:16px}.article-prose .reader-widget h2{font-size:20px}.article-prose .widget-result h3{font-size:15px}.article-prose .affiliate-copy h3{font-size:16px}.footer-logo{font-size:20px}
}
@media(max-width:380px){.logo-main{font-size:23px}.logo-prefix{font-size:7px}.header-actions{gap:4px}.masthead-photo{width:220px}.main-column,.article-main{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}#list-results .article-row{grid-template-columns:minmax(0,1fr) 80px;gap:13px}#list-results .row-thumb{width:80px}#list-results .lead-row h3{font-size:17px}#list-results .article-row h3{font-size:15px}#list-results .row-meta time{right:0}.feed-categories a{font-size:10px;padding-left:11px;padding-right:11px}.title-main{font-size:28px}.title-sub{font-size:17px}.article-prose .reader-widget h2{font-size:19px}.article-prose .affiliate-copy h3{font-size:15px}}

#list-results .row-subtitle{display:block;font-size:15px;font-weight:600;line-height:1.8;color:#606576;margin-top:5px}
@media(max-width:760px){#list-results .row-subtitle{font-size:12px;line-height:1.85;margin-top:7px}}