/* Akatsuki Journal — local, dependency-free styles */
:root{--ink:#1f302f;--muted:#65716d;--surface:#faf8f3;--white:#fff;--line:#e1e3dc;--accent:#b65644;--accent2:#e4aa86;--sage:#e3eee7;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font:16px/1.85 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}img{display:block;width:100%;height:auto}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bd765f;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.5}h1,h2{font-family:var(--serif);font-weight:700;letter-spacing:.035em}.container{width:min(1160px,calc(100% - 42px));margin-inline:auto}.eyebrow,.label{font-size:12px;letter-spacing:.16em;font-weight:750;color:var(--accent)}.muted{color:var(--muted)}.skip-link{position:absolute;top:-99px;left:12px;background:#fff;padding:10px 16px;z-index:100}.skip-link:focus{top:9px}.site-header{position:relative;z-index:30;background:rgba(250,248,243,.97);border-bottom:1px solid var(--line)}.topline{height:5px;background:linear-gradient(90deg,var(--accent) 0 22%,#d8b695 22% 52%,#a6c0b4 52% 100%)}.nav-shell{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.brand-symbol{width:33px;height:33px;position:relative;border:2px solid var(--ink);border-radius:50%;display:inline-grid;place-items:center;font-size:18px;font-family:var(--serif);font-weight:800}.brand-symbol:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);right:-3px;top:1px}.brand-name{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:23px;letter-spacing:-.03em;line-height:1.1}.brand-sub{display:block;font-size:9px;letter-spacing:.26em;color:var(--muted);line-height:1.6}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-size:13px;font-weight:700;text-decoration:none;position:relative;padding-block:5px}.nav-links a[aria-current="page"]{color:var(--accent)}.nav-links a[aria-current="page"]:after{content:'';position:absolute;bottom:0;height:2px;background:var(--accent);left:0;right:0}.menu-button{display:none;border:1px solid var(--line);background:transparent;border-radius:8px;padding:6px 10px}.menu-button span{display:block;background:var(--ink);height:2px;width:19px;margin:5px 0}.hero{padding:66px 0 78px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:47% 53%;align-items:center;gap:0}.hero-copy{padding:44px 56px 48px 0}.hero h1{font-size:clamp(38px,4vw,60px);margin:18px 0 26px;line-height:1.48}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:2.1;color:#52615d;max-width:440px}.hero-media{position:relative}.hero-media img{aspect-ratio:1.36;object-fit:cover;border-radius:3px}.hero-media:after{content:'AKATSUKI / SOCIAL LENS';position:absolute;bottom:21px;left:23px;color:#fdfbf6;letter-spacing:.19em;font-size:10px;background:#213d3bb5;padding:7px 10px}.hero-index{display:flex;align-items:center;gap:15px;margin-top:37px;font-size:11px;color:var(--muted);letter-spacing:.08em}.hero-index:before{content:'';width:38px;height:1px;background:var(--accent)}.button-link{display:inline-flex;align-items:center;justify-content:space-between;gap:29px;background:var(--ink);color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:12px 18px 12px 22px;margin-top:16px;transition:background .2s}.button-link:hover{background:var(--accent);color:#fff}.button-link .arrow{font-size:22px;font-weight:400;line-height:1}.section{padding:82px 0}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #bcc8bf;padding-bottom:23px;margin-bottom:31px}.section-title-row h2{font-size:34px;margin:8px 0 0}.text-link{font-size:12px;color:var(--accent);font-weight:750;text-decoration:none;white-space:nowrap}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 22px}.article-card{min-width:0}.card-image-link{display:block;overflow:hidden;border-radius:2px}.article-card img{aspect-ratio:1.65;object-fit:cover;transition:transform .35s}.card-image-link:hover img{transform:scale(1.035)}.meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#718079;font-size:11px;letter-spacing:.035em;margin-top:15px}.meta .category{color:var(--accent);font-weight:800}.dot{width:3px;height:3px;border-radius:50%;background:#b5beb6}.article-card h3{font-size:20px;margin:10px 0 10px;font-family:var(--serif);line-height:1.58}.article-card h3 a{text-decoration:none}.article-card p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.feature-panel{padding:75px 0;background:#e7eee8}.feature-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}.feature-grid h2{font-size:37px;margin:12px 0 22px}.feature-grid p{color:#4f6159;line-height:2.15}.note-box{background:#fbfaf5;border:1px solid #d4ded6;padding:31px 33px;box-shadow:15px 15px 0 #d8e3dc}.note-box h3{font:700 18px/1.5 var(--sans);margin-bottom:17px}.note-box ol{margin:0;padding-left:1.6em}.note-box li{margin:0 0 12px;color:#53615a;font-size:14px}.topic-strip{display:flex;flex-wrap:wrap;gap:10px}.topic-chip{border:1px solid var(--line);background:#fff;padding:9px 16px;font-size:12px;font-weight:700;text-decoration:none;border-radius:30px}.topic-chip:hover{border-color:var(--accent)}.home-explainer{display:grid;grid-template-columns:1fr 1fr;gap:66px;margin-top:52px}.home-explainer h3{font-family:var(--serif);font-size:24px}.home-explainer p{font-size:14px;line-height:2.2;color:var(--muted)}.faqs{border-top:1px solid var(--line);margin-top:34px}.faqs details{border-bottom:1px solid var(--line);padding:17px 0}.faqs summary{font-weight:700;list-style:none;cursor:pointer;padding-right:30px;position:relative}.faqs summary:after{content:'＋';position:absolute;right:3px;top:0;color:var(--accent)}.faqs details[open] summary:after{content:'−'}.faqs summary::-webkit-details-marker{display:none}.faqs details p{font-size:14px;color:var(--muted);line-height:2.05;margin:10px 30px 0 0}.cta-band{background:#283f3e;color:#fff;padding:52px 0}.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{font-size:29px;margin:8px 0 0}.cta-band .eyebrow{color:#e5af8c}.cta-band .button-link{background:#fff;color:var(--ink);flex-shrink:0;margin:0}.cta-band .button-link:hover{background:#e5cabb;color:var(--ink)}.page-heading{padding:66px 0 42px;border-bottom:1px solid var(--line)}.page-heading h1{font-size:clamp(34px,4vw,50px);margin:12px 0 15px}.page-heading p{max-width:690px;color:var(--muted)}.listing-tools{margin:35px 0 29px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.listing-tools label{font-size:13px;font-weight:700}.filter-select{border:1px solid var(--line);padding:12px 14px;background:#fff;color:var(--ink);min-width:195px}.listing-count{font-size:12px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(185px,1fr);gap:65px}.article-head{padding:55px 0 35px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted);margin-bottom:32px}.breadcrumbs a{text-decoration:none}.article-head h1{font-size:clamp(33px,4.4vw,53px);margin:10px 0 17px;line-height:1.52}.article-subtitle{font-size:17px;line-height:2;color:#58655f;max-width:720px}.article-hero{margin:25px 0 0}.article-hero img{aspect-ratio:1.75;object-fit:cover}.article-hero figcaption{font-size:11px;color:var(--muted);margin-top:9px}.article-body{padding:38px 0 80px;line-height:2.25;color:#3c4b46;font-size:16px}.article-body>p:first-child{font-size:18px;font-family:var(--serif);line-height:2.1;color:var(--ink)}.article-body h2{font-size:27px;margin:56px 0 19px;padding-left:16px;border-left:3px solid var(--accent)}.article-body p{margin:0 0 21px}.sources{margin-top:58px;background:#eef2ed;padding:25px 27px}.sources h2{font-family:var(--sans);font-size:16px;border:0;padding:0;margin:0 0 10px}.sources ul{margin:0;padding-left:1.3em;font-size:13px}.sources a{word-break:break-word}.article-side{padding-top:110px}.side-sticky{position:sticky;top:34px;border-top:3px solid var(--ink);padding-top:25px}.side-sticky h2{font-size:20px}.side-sticky p{font-size:13px;color:var(--muted);line-height:2}.side-sticky a{text-decoration:none;color:var(--accent);font-size:13px;font-weight:700}.related{border-top:1px solid var(--line);padding-top:54px}.related h2{font-size:29px;margin:0 0 25px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-grid h3{font-size:17px}.content-shell{display:grid;grid-template-columns:minmax(0,750px) 1fr;gap:70px;min-height:380px;padding:55px 0 90px}.prose{font-size:15px;line-height:2.15;color:#3d4d47}.prose h2{font-size:25px;color:var(--ink);margin:40px 0 15px}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 20px}.prose ul,.prose ol{padding-left:1.6em;margin-bottom:24px}.prose li{margin-bottom:9px}.prose a{color:#995140}.info-aside{border-top:3px solid var(--ink);padding-top:20px;margin-top:4px}.info-aside p,.info-aside dl{font-size:13px;color:var(--muted);line-height:1.9}.data-table{border-top:1px solid var(--line);margin:25px 0}.data-row{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--line);padding:16px 0;gap:15px}.data-row dt{font-size:12px;color:var(--muted);font-weight:700}.data-row dd{margin:0;font-size:14px;overflow-wrap:anywhere}.site-footer{background:#202f2e;color:#e9eeea;padding:61px 0 26px}.footer-main{display:grid;grid-template-columns:minmax(220px,1.05fr) 1.95fr;gap:55px}.footer-logo{font-family:Georgia,serif;font-size:27px;font-weight:700}.footer-intro{font-size:13px;color:#afc0b7;line-height:2;max-width:390px;margin-top:14px}.footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 18px;align-content:start}.footer-nav a{font-size:12px;text-decoration:none;color:#d9e2dc;line-height:1.7;padding:7px 0}.footer-nav a:hover{color:#e9ad8d}.footer-meta{border-top:1px solid #4d625b;margin-top:40px;padding-top:23px;color:#aebdb4;font-size:11px;line-height:1.9;overflow-wrap:anywhere}.footer-meta p{margin:0 0 5px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px;color:#b0c0b7;font-size:11px}.footer-cookie{background:none;border:1px solid #81968c;color:#f2f3f0;padding:7px 12px;font-size:11px}.footer-cookie:hover{background:#39544b}.cookie-banner{position:fixed;z-index:90;left:22px;right:22px;bottom:22px;max-width:780px;margin-inline:auto;background:#fff;color:var(--ink);box-shadow:0 15px 65px #0d222446;border:1px solid #d6d8d0;padding:25px 29px;display:none}.cookie-banner.is-visible{display:block}.cookie-title{font-weight:800;font-size:16px;margin-bottom:6px}.cookie-copy{font-size:12px;line-height:1.75;color:var(--muted);margin:0}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.cookie-actions button,.prefs-actions button{padding:10px 14px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:12px;font-weight:700}.cookie-actions button.secondary,.prefs-actions button.secondary{background:#fff;color:var(--ink)}.cookie-actions button:hover,.prefs-actions button:hover{filter:brightness(.9)}.cookie-dialog[hidden]{display:none}.cookie-dialog{position:fixed;inset:0;background:#1029249a;z-index:110;display:grid;place-items:center;padding:17px}.prefs-panel{background:#fff;width:min(560px,100%);padding:29px;max-height:min(90vh,750px);overflow:auto;box-shadow:0 23px 70px #03151555}.prefs-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.prefs-top h2{font:700 24px/1.4 var(--serif);margin:0}.close-dialog{font-size:23px;border:0;background:none;color:var(--ink)}.prefs-panel>p{font-size:13px;color:var(--muted)}.pref-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:14px 0}.pref-row strong{font-size:14px}.pref-row p{font-size:12px;color:var(--muted);margin:3px 0 0}.pref-row input{accent-color:var(--accent);width:20px;height:20px;flex-shrink:0}.pref-row input:disabled{opacity:.6}.prefs-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:18px}.notice{font-size:12px;color:var(--muted);padding:16px 20px;background:#edf2ed;border-left:2px solid var(--accent)}.notfound{min-height:420px;padding:100px 0;text-align:center}.notfound h1{font-size:60px}.notfound p{color:var(--muted)}[hidden]{display:none!important}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr}.hero-copy{padding-right:20px}.hero h1{font-size:40px}.article-layout{grid-template-columns:minmax(0,1fr)}.article-side{display:none}.content-shell{grid-template-columns:1fr}.info-aside{max-width:600px}.feature-grid{gap:30px}.nav-links{gap:20px}.footer-main{gap:30px}}
@media(max-width:680px){body{font-size:15px}.container{width:min(100% - 34px,1160px)}.nav-shell{min-height:74px}.brand-name{font-size:20px}.menu-button{display:block}.nav-links{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);padding:17px 25px 24px;box-shadow:0 20px 24px #192f2714;flex-direction:column;align-items:flex-start;gap:14px}.nav-links.is-open{display:flex}.nav-links a{font-size:15px;padding:5px}.hero{padding:17px 0 42px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:37px 0 25px}.hero h1{font-size:clamp(34px,9vw,43px);margin:16px 0 18px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-index{margin-top:25px}.hero-media img{aspect-ratio:1.35}.hero-media:after{font-size:8px}.section{padding:53px 0}.section-title-row{align-items:start}.section-title-row h2{font-size:27px}.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 15px}.article-card h3{font-size:17px}.article-card p{font-size:12px}.article-card img{aspect-ratio:1.42}.meta{font-size:10px;gap:6px}.feature-panel{padding:53px 0}.feature-grid,.home-explainer{grid-template-columns:1fr;gap:25px}.feature-grid h2{font-size:30px}.note-box{box-shadow:8px 8px 0 #d8e3dc}.home-explainer{margin-top:39px}.home-explainer h3{font-size:21px}.cta-band-inner{display:block}.cta-band h2{font-size:24px;margin-bottom:19px}.page-heading{padding:40px 0 27px}.page-heading h1{font-size:36px}.article-head{padding-top:35px}.breadcrumbs{margin-bottom:17px}.article-head h1{font-size:34px}.article-subtitle{font-size:14px}.article-body{padding-top:30px;font-size:15px}.article-body h2{font-size:23px;margin-top:40px}.article-body>p:first-child{font-size:16px}.related-grid{grid-template-columns:1fr 1fr}.content-shell{padding:39px 0 60px}.prose h2{font-size:23px}.data-row{grid-template-columns:1fr;gap:2px}.site-footer{padding-top:48px}.footer-main{grid-template-columns:1fr;gap:25px}.footer-nav{grid-template-columns:1fr 1fr}.footer-bottom{align-items:flex-start;flex-direction:column}.cookie-banner{left:9px;right:9px;bottom:9px;padding:17px}.cookie-actions button{flex:1 1 130px}.prefs-panel{padding:23px}.notfound{padding:60px 0}}
@media(max-width:420px){.articles-grid{grid-template-columns:1fr}.article-card img{aspect-ratio:1.8}.related-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}