:root{--ink:#17312d;--muted:#60736b;--green:#157b57;--green-deep:#0d5a41;--green-soft:#dcefe5;--cream:#fafaf6;--line:#e5ece7;--white:#fff;--shadow:0 15px 38px rgba(24,65,47,.08);--radius:22px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}svg{display:block}::selection{background:#c5eadd}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #00ad88;outline-offset:3px}
.icon{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.shell{max-width:1220px;margin:auto;padding-inline:clamp(18px,4vw,48px)}.skip{position:absolute;top:-80px;left:10px;background:#fff;padding:10px;z-index:100}.skip:focus{top:12px}
.demo-strip{background:#e8f2eb;color:#3d6953;text-align:center;font-size:12px;font-weight:700;letter-spacing:.04em;padding:5px 12px}
.header{position:sticky;top:0;background:rgba(255,255,252,.94);z-index:30;backdrop-filter:blur(14px);border-bottom:1px solid #edf0e9}.header-inner{height:77px;display:flex;align-items:center;gap:25px;justify-content:space-between}.logo{display:inline-flex;gap:11px;align-items:center;white-space:nowrap}.brand-icon{width:44px;height:44px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center}.brand-icon .icon{width:26px;height:26px;stroke-width:2.1}.logo-name{font-weight:900;font-size:21px;letter-spacing:.065em;line-height:1.13}.logo-tag{font-size:10px;color:var(--muted);letter-spacing:.09em;margin-top:4px;line-height:1.2}.nav{display:flex;gap:8px;align-items:center;margin-left:auto}.nav-link{display:inline-flex;gap:6px;align-items:center;padding:10px 13px;border-radius:13px;font-size:13px;font-weight:800;color:#46574f;white-space:nowrap;transition:color .2s,background .2s}.nav-link .icon{width:18px;height:18px}.nav-link:hover,.nav-link.active{background:#eaf4ed;color:var(--green)}.header-action{border:0;background:var(--green);color:white;display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:99px;font-weight:900;font-size:13px;box-shadow:0 4px 10px rgba(21,123,87,.14)}.header-action:hover,.btn-primary:hover{background:var(--green-deep);transform:translateY(-1px)}.hamburger{display:none;border:0;background:#eaf4ed;border-radius:12px;padding:10px;color:var(--green)}.hamburger .icon{width:23px;height:23px}
main{min-height:60vh}.route-view[hidden]{display:none!important}.hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#f3f6e9 0%,#f1f8f1 36%,#d7f0ee 73%,#b2e7ee 100%);padding:52px 0 58px}.hero:after{content:"";pointer-events:none;position:absolute;bottom:-3px;left:0;right:0;height:35px;background:var(--cream);clip-path:polygon(0 48%,9% 66%,20% 38%,30% 61%,44% 28%,55% 65%,72% 35%,87% 58%,100% 28%,100% 100%,0 100%)}.hero-inner{display:grid;grid-template-columns:.88fr 1.12fr;gap:16px;min-height:440px;align-items:center}.hero-copy{position:relative;z-index:2;padding:5px 0 12px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#def1e3;color:#2f8060;font-weight:900;font-size:12px;letter-spacing:.085em;border-radius:100px;padding:7px 15px}.hero h1{font-family:inherit;font-size:clamp(47px,5vw,76px);letter-spacing:-.045em;line-height:1.1;margin:22px 0 15px;font-weight:950;color:#0c302b}.hero h2{font-size:clamp(18px,2vw,25px);letter-spacing:-.045em;margin:0 0 20px;line-height:1.5}.hero p{font-size:14px;color:#45625e;max-width:540px;line-height:1.95;margin:0 0 26px}.btn-primary,.btn-outline,.btn-quiet{border:0;display:inline-flex;gap:9px;align-items:center;justify-content:center;border-radius:99px;font-weight:900;line-height:1.35;transition:background .2s,transform .2s}.btn-primary{padding:15px 25px;background:var(--green);color:white;box-shadow:0 8px 16px rgba(17,118,78,.17)}.btn-outline{padding:13px 22px;border:1px solid #afcfbf;background:#fff;color:var(--green-deep)}.btn-outline:hover{background:#edf8f0}.btn-quiet{padding:11px 2px;color:var(--green);background:none}.btn-quiet:hover{text-decoration:underline}.btn-primary .icon,.btn-quiet .icon,.btn-outline .icon{height:18px;width:18px}.hero-visual{position:relative;align-self:stretch;min-height:380px;display:flex;align-items:center}.hero-visual img{width:115%;max-width:none;transform:translateX(-3%);aspect-ratio:1.95;object-fit:cover;object-position:center;border-radius:50px;filter:drop-shadow(0 23px 25px rgba(30,104,76,.07));mask-image:radial-gradient(ellipse at 50% 54%,#000 54%,transparent 76%)}.image-note{position:absolute;right:15px;bottom:25px;background:#fffdf1df;padding:5px 10px;border-radius:99px;font-size:10px;letter-spacing:.02em;color:#697c75;font-weight:700;z-index:1}.hero-pill{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px;font-weight:700;margin-top:15px}.hero-pill .dot{height:7px;width:7px;background:#51a986;border-radius:50%}
.section{padding-block:35px 44px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}.section-title{display:flex;gap:11px;align-items:center;font-size:clamp(22px,2.5vw,29px);font-weight:950;letter-spacing:-.055em;margin:0}.section-title .icon{color:var(--green);height:27px;width:27px}.section-subtitle{font-size:13px;color:var(--muted);margin:5px 0 0}.section-more{display:flex;align-items:center;gap:7px;color:var(--green);font-size:13px;font-weight:900;white-space:nowrap}.section-more:hover{text-decoration:underline}.section-more .icon{width:17px;height:17px}
.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.game-card{background:#fff;border-radius:24px;border:1px solid #eef0ed;box-shadow:var(--shadow);padding:15px;display:grid;grid-template-columns:48% 1fr;gap:21px;transition:transform .2s,box-shadow .2s;overflow:hidden}.game-card:hover,.post-card:hover{transform:translateY(-3px);box-shadow:0 19px 40px rgba(24,65,47,.12)}.game-card img{height:100%;min-height:209px;object-fit:cover;border-radius:16px}.game-text{padding:12px 6px 8px 0;display:flex;flex-direction:column;align-items:flex-start}.game-text h3{margin:0 0 6px;font-size:23px;letter-spacing:-.045em;line-height:1.4}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#e8f3eb;border-radius:100px;color:#398161;padding:3px 10px;font-size:11px;font-weight:800}.tag.neutral{background:#f0f0ed;color:#7d8177}.game-text p{font-size:13px;color:var(--muted);line-height:1.85;margin:13px 0 16px}.game-text .btn-primary,.game-text .btn-outline{margin-top:auto;padding:12px 17px;font-size:13px;width:100%}.caption{color:#809087;font-size:11px;line-height:1.6}.game-card .caption{margin-top:7px}
.posts-wrap{background:#f5f7f1;border-top:1px solid #edf1e9;border-bottom:1px solid #edf1e9}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.post-card{background:#fff;border:1px solid #edf0e9;border-radius:20px;overflow:hidden;box-shadow:0 7px 20px rgba(30,74,55,.045);transition:transform .2s,box-shadow .2s}.post-image{height:170px;width:100%;object-fit:cover}.post-body{padding:17px 19px 21px}.post-eyebrow{color:#85938a;font-size:11px;font-weight:800;letter-spacing:.02em}.post-title{font-size:16px;line-height:1.5;font-weight:900;margin:6px 0 10px;letter-spacing:-.045em}.post-excerpt{font-size:12px;color:var(--muted);margin:0 0 15px;line-height:1.9}.post-card a.stretched{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:900;color:var(--green)}.post-card a.stretched .icon{width:14px;height:14px}
.benefit{padding-block:30px 62px}.benefit-card{background:linear-gradient(135deg,#e2f1e5,#eef6e9);border:1px solid #d8eadd;border-radius:26px;padding:29px 34px;display:flex;justify-content:space-between;gap:25px;align-items:center}.benefit-card h2{font-size:23px;line-height:1.45;margin:0 0 6px;letter-spacing:-.04em}.benefit-card p{font-size:13px;margin:0;color:#567369;max-width:670px}
.footer{background:#fff;border-top:1px solid #e7ede8;padding:27px 0 21px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand-icon{height:38px;width:38px;border-radius:11px}.footer .logo-name{font-size:17px}.footer-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:#607268;font-size:12px;font-weight:800}.footer-links a:hover{color:var(--green)}.footer-bottom{border-top:1px solid #eef1ec;margin-top:20px;padding-top:13px;display:flex;justify-content:space-between;gap:15px;color:#8a968e;font-size:11px}
.sub-hero{background:linear-gradient(110deg,#f3f8ed,#dff1e8);padding:54px 0 48px;border-bottom:1px solid #e1ece3}.sub-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.25;letter-spacing:-.06em;margin:15px 0 8px}.sub-hero p{margin:0;color:#577266;font-size:14px;max-width:700px}.content-pad{padding-block:36px 70px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:34px}.panel{border:1px solid #e8eee8;background:#fff;border-radius:22px;padding:25px 28px;box-shadow:0 8px 25px rgba(32,81,57,.045)}.panel h2{font-size:22px;letter-spacing:-.05em;margin:0 0 13px}.panel h3{font-size:17px;letter-spacing:-.035em;margin:24px 0 10px}.panel p,.panel li{font-size:14px;color:#50665c;line-height:2}.panel p:first-child{margin-top:0}.detail-image{width:100%;aspect-ratio:1.8;object-fit:cover;border-radius:17px;margin-bottom:15px}.alert{padding:14px 16px;border-radius:14px;background:#f3f6ec;font-size:12px;color:#657c6c;line-height:1.8}.alert strong{color:#365e48}.sidebar-card{position:sticky;top:109px;height:fit-content}.sidebar-card .btn-outline,.sidebar-card .btn-primary{width:100%;font-size:13px}.status{display:inline-block;color:#49795f;background:#e5f4e9;border-radius:50px;font-size:11px;font-weight:900;padding:5px 12px}.mini-list{display:grid;gap:12px}.mini-list a{font-size:13px;color:var(--green);font-weight:850;display:flex;gap:8px;align-items:center}.mini-list a:hover{text-decoration:underline}.meta{font-size:12px;color:#879589}.article-head{max-width:790px;margin:0 auto 30px}.article-body{max-width:790px;margin:0 auto}.article-body p{font-size:15px}.article-body ul{padding-left:25px}.article-body li{margin-bottom:6px}.breadcrumb{font-size:12px;color:#789286;display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.breadcrumb a{color:var(--green)}.article-body .panel{padding:34px 38px}.draft-box{background:#f5f6ef;border:1px solid #dce6d5;padding:13px 17px;border-radius:13px;color:#5f755f;font-size:13px;margin:18px 0}.dual-info{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.plain-list{padding-left:20px;color:var(--muted)}.plain-list li{margin-block:8px}
@media(max-width:1080px){.header-inner{gap:10px}.nav-link{padding:9px 9px}.header-action{padding:11px 13px}.hero-visual img{width:116%;transform:translateX(-1%)}.game-grid{gap:15px}.game-card{grid-template-columns:42% 1fr;gap:13px}.game-text h3{font-size:19px}.game-card img{min-height:200px}.post-grid{gap:15px}}
@media(max-width:790px){.header-inner{height:66px}.nav{position:absolute;top:100%;left:0;right:0;padding:12px 20px 18px;display:none;background:#fff;box-shadow:0 16px 26px #173b2915;border-bottom:1px solid var(--line);margin:0}.nav.open{display:grid;grid-template-columns:1fr 1fr;gap:7px}.nav-link{padding:13px;background:#f5f9f5}.hamburger{display:block}.header-action{margin-left:auto}.logo-name{font-size:18px}.brand-icon{width:39px;height:39px}.hero{padding-top:36px}.hero-inner{min-height:0;grid-template-columns:1fr;gap:0}.hero-copy{order:1}.hero-visual{order:2;min-height:auto;margin-top:-5px}.hero-visual img{transform:none;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:26px;mask-image:none}.image-note{bottom:10px;right:12px}.hero h1{font-size:clamp(44px,9vw,65px);margin-top:14px}.hero h2{font-size:20px}.hero p{font-size:13px;margin-bottom:18px}.game-grid{grid-template-columns:1fr}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.sidebar-card{position:static}.benefit-card{display:block}.benefit-card .btn-outline{margin-top:20px}.footer-top{align-items:flex-start}.footer-links{justify-content:flex-end}.dual-info{grid-template-columns:1fr}}
@media(max-width:560px){.demo-strip{font-size:10px}.header-inner{height:61px}.header-action{display:none}.brand-icon{width:36px;height:36px}.brand-icon .icon{width:24px;height:24px}.logo-name{font-size:17px}.logo-tag{font-size:9px}.hero{padding-block:24px 37px}.hero h1{font-size:48px;margin:14px 0 8px}.hero h2{font-size:17px;margin-bottom:12px}.hero p{font-size:12px;line-height:1.85;margin-bottom:16px}.hero-visual{margin-top:20px}.hero-visual img{aspect-ratio:1.7}.hero-pill{font-size:11px;margin-top:11px}.eyebrow{font-size:10px;padding:6px 12px}.btn-primary{padding:13px 21px;font-size:13px}.section{padding-block:30px 36px}.section-head{align-items:flex-start}.section-title{font-size:22px}.section-subtitle{font-size:12px}.section-more{font-size:11px;padding-top:6px}.section-more .icon{width:14px;height:14px}.game-card{grid-template-columns:43% 1fr;gap:12px;padding:10px;border-radius:18px}.game-card img{min-height:190px;border-radius:13px}.game-text{padding:5px 3px 2px 0}.game-text h3{font-size:18px}.game-text p{font-size:11px;line-height:1.65;margin:9px 0 12px}.tag{font-size:9px;padding:2px 8px}.game-text .btn-outline,.game-text .btn-primary{font-size:11px;padding:10px 8px}.post-grid{grid-template-columns:1fr}.post-image{height:190px}.post-body{padding:15px 17px 18px}.benefit{padding-block:16px 42px}.benefit-card{padding:23px}.benefit-card h2{font-size:20px}.benefit-card p{font-size:12px}.footer-top{display:block}.footer-links{justify-content:flex-start;margin-top:18px;gap:15px}.footer-bottom{display:block}.sub-hero{padding:36px 0 32px}.sub-hero p{font-size:12px}.content-pad{padding-block:25px 45px}.panel{padding:19px 20px}.article-body .panel{padding:22px 22px}.article-body p{font-size:14px}.panel h2{font-size:20px}.detail-image{border-radius:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* v2: JavaScriptを使用しないページ切り替え。ChatGPTプレビュー等でも動く可能性を高める */
.route-view { display: none; scroll-margin-top: 85px; }
.route-view[data-view="home"] { display: block; }
main:has(.route-view:target) .route-view[data-view="home"] { display: none; }
main .route-view:target { display: block !important; }
/* ハッシュ移動した際、記事の先頭を画面に表示させる */
html { scroll-padding-top: 75px; }
.mobile-menu { display: none; }
@media (max-width: 790px) {
  .mobile-menu { display: block; position: relative; margin-left: 0; z-index: 100; }
  .mobile-menu summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:center; background:#eaf4ed; color:var(--green); border-radius:12px; width:43px; height:43px; }
  .mobile-menu summary::-webkit-details-marker { display:none; }
  .mobile-menu summary .icon { width:23px; height:23px; }
  .mobile-panel { position:absolute; right:0; top:calc(100% + 8px); width:min(325px, calc(100vw - 30px)); display:grid; grid-template-columns:repeat(2, 1fr); gap:8px; border-radius:16px; padding:12px; background:white; border:1px solid var(--line); box-shadow:0 16px 26px #173b2920; }
  .mobile-panel .nav-link { background:#f5f9f5; padding:12px 8px; font-size:13px; white-space:normal; }
  .header-action { margin-left: auto; }
}
@media (max-width: 560px) { .mobile-menu { margin-left: auto; } }

/* v3 real game imagery: older development captures, clearly labeled */
.hero-visual.real-shot-showcase {min-height:490px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:visible;padding-bottom:10px;}
.hero-visual .shot-backdrop{position:absolute;z-index:-1;inset:6% -6% 4%;border-radius:52% 48% 45% 55%;background:radial-gradient(circle at 45% 40%,#dcf4e4 0%,#c6ece2 38%,#90d6dc 74%,#c4eddf 100%);transform:rotate(-8deg);box-shadow:inset 0 0 60px #e7f8e4a8}
.wave-dot{position:absolute;border:2px dashed #ffffffb5;border-radius:50%;transform:rotate(24deg)}.wave-dot-a{width:78%;height:58%;top:19%;left:10%}.wave-dot-b{width:58%;height:43%;top:26%;left:22%}
.shot-phone{background:#123b3b;position:relative;border:8px solid #194a46;padding:10px 5px 7px;border-radius:34px;box-shadow:0 18px 29px #12515345,0 3px 0 #719b87 inset;max-width:225px;width:60%;overflow:hidden;transform:rotate(-2deg)}
.shot-phone img{display:block!important;max-width:100%!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important;mask-image:none!important;border-radius:20px!important;filter:none!important;box-shadow:none!important}
.shot-camera{position:absolute;width:24%;height:8px;border-radius:0 0 9px 9px;background:#194a46;top:7px;left:38%;z-index:2}
.shot-note{position:absolute;right:0;bottom:17%;background:#fffdf1;border:1px solid #d8e8da;border-radius:16px;padding:13px 13px;box-shadow:0 8px 18px #1e806f25;display:grid;gap:2px;color:#245844;font-size:12px;font-weight:900;line-height:1.45;transform:rotate(3deg)}
.shot-note strong{font-size:13px}.shot-note small{font-size:10px;font-weight:600;color:#647a70}.shot-dot{position:absolute;top:-7px;right:20px;width:13px;height:13px;background:#60c59f;border:3px solid #fff;border-radius:50%}
.game-card img.real-game-thumb{object-fit:cover;object-position:center;width:100%;background:#e5f6f0}
.real-screenshot-caption{display:block;font-size:10px;color:#73897c;line-height:1.5;margin-top:7px}
.real-gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:10px 5px 15px;margin:-5px 0 6px;align-items:flex-start;justify-content:flex-start}
.real-gallery figure{flex:0 0 min(48%,270px);min-width:190px;scroll-snap-align:start;margin:0;background:#edf5ed;border:1px solid #e1eae0;border-radius:22px;padding:12px 12px 7px;box-shadow:0 4px 15px #17644610}
.real-gallery figure img{width:100%;height:auto;max-height:515px;object-fit:contain;display:block;border-radius:10px;background:#f6f8ec}
.real-gallery figcaption{padding:10px 1px 5px;font-size:12px;font-weight:800;display:flex;justify-content:space-between;gap:5px;color:#235849}
.real-gallery figcaption span{white-space:nowrap;color:#8a9a8b;font-size:11px}
@media(max-width:790px){.hero-visual.real-shot-showcase{min-height:430px;margin-top:22px;padding-bottom:15px}.hero-visual .shot-backdrop{inset:2% 2% 7%}.shot-phone{width:205px;max-width:60%}.shot-note{right:3%;bottom:12%}.real-gallery figure{flex-basis:58%;min-width:190px}}
@media(max-width:400px){.hero-visual.real-shot-showcase{min-height:390px}.shot-phone{width:180px;max-width:56%}.shot-note{right:0;bottom:10%;font-size:10px;padding:10px}.real-gallery figure{flex-basis:75%}}

/* v4: aspirational artwork and truthful screenshot-archive, zero JavaScript */
.hero-visual.hero-concept {min-height:380px; overflow:visible;}
.hero-visual.hero-concept img {max-width:none;}
.hero-visual.hero-concept .image-note {background:rgba(255,255,250,.93);color:#365c48;border:1px solid #d1e9d9;border-radius:30px;padding:7px 12px;font-size:12px;font-weight:800;box-shadow:0 8px 22px #25674a1c;bottom:3%;right:6%;white-space:normal;max-width:90%;}
.hero-secondary-link{display:inline-flex;font-size:13px;color:#277d58;font-weight:800;margin:15px 0 0 15px;text-decoration:underline;text-underline-offset:4px}
.evolution-teaser{margin-top:34px;margin-bottom:66px;background:linear-gradient(115deg,#e7f6e9,#e9f7f1 53%,#dcefed);padding:30px 48px;border:1px solid #d4ead7;border-radius:26px;display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;overflow:hidden}
.evolution-teaser h2{color:#133f32;line-height:1.28;font-size:clamp(26px,3vw,37px);margin:13px 0 12px}
.evolution-teaser p{color:#4a6b5d;line-height:1.85;font-size:14px}
.teaser-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:24px}
.history-helper{font-size:11px;color:#6a8c7b}
.teaser-shots{display:flex;justify-content:center;gap:20px;align-items:center;padding:16px 0}
.teaser-image{width:min(46%,190px);aspect-ratio:0.9;border-radius:18px;padding:8px;background:#fff;position:relative;box-shadow:0 14px 24px #2b695032;overflow:hidden}
.teaser-image-a{transform:rotate(-6deg)}.teaser-image-b{transform:rotate(6deg) translateY(9px)}
.teaser-image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:11px;display:block}
.teaser-image span{position:absolute;left:15px;bottom:14px;border-radius:100px;background:#fffef4eF;padding:6px 10px;font-size:11px;font-weight:850;color:#275c4b}
.screen-gallery-intro h2{margin:9px 0!important}.screen-gallery-intro p{margin:0 0 9px;color:#5f7d6e}
.btn-history-link{display:block;margin:22px 0 16px;border:1px solid #bedfcd;background:#edf8ef;border-radius:14px;padding:17px;color:#156947!important;font-weight:850;text-align:center;text-decoration:none}
.btn-history-link:hover{background:#dbf0e3}
.history-top{background:linear-gradient(110deg,#eff9ef,#d5f2e7)}
.history-shell{padding-top:36px;padding-bottom:82px}
.history-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}
.history-intro h2{font-size:30px;margin:10px 0}.history-intro p{max-width:690px;line-height:1.9;color:#566e61}
.history-badge{background:#d7f3e4;border-radius:100px;color:#1c7050;font-size:12px;padding:7px 12px;font-weight:900}
.history-count{display:flex;align-items:center;gap:12px;padding:12px 19px;border:1px solid #d8eadd;background:#f3faf4;border-radius:19px;color:#23573f;flex:none}
.history-count strong{font-size:34px}.history-count strong span{font-size:15px}.history-count small{font-size:11px;line-height:1.55}
.history-caveat{border-left:4px solid #9bceb3;background:#f4f8f1;padding:13px 18px;border-radius:0 10px 10px 0;color:#52695d;font-size:13px;line-height:1.85;margin:20px 0 28px}
.history-path{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0;font-size:13px;font-weight:850;color:#186849}
.history-path span{background:#e3f5e8;border:1px solid #ccebd6;padding:8px 14px;border-radius:50px}.history-path b{color:#a0baa8}.history-path .pending{background:#f1f3ed;color:#728677;border-color:#e0e7db}
.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.history-card{background:#fff;border:1px solid #e3eee5;box-shadow:0 10px 28px #316b4b12;border-radius:24px;overflow:hidden;min-width:0}
.history-card-cover{height:260px;background:#def4ee;position:relative;padding:22px;display:flex;justify-content:center;overflow:hidden}
.history-card-cover img{height:100%;width:100%;object-fit:cover;object-position:50% 38%;border-radius:13px}
.history-card-cover span{position:absolute;top:29px;right:28px;background:#fffdf0;border-radius:30px;padding:6px 12px;color:#39745a;font-size:11px;font-weight:900;box-shadow:0 4px 14px #315c4e20}
.history-card-copy{padding:27px 27px 30px}.history-card-copy h3{font-size:22px;margin:11px 0}.history-card-copy p{font-size:14px;line-height:1.85;color:#566b60;margin:0 0 17px;min-height:54px}
.version-tag{font-size:12px;color:#156b49;background:#e3f4e9;padding:6px 11px;border-radius:100px;font-weight:900}
.history-expand{border-top:1px solid #e5ebe5;margin-top:18px;padding-top:16px}
.history-expand summary{list-style:none;cursor:pointer;color:#14714c;font-weight:850;font-size:13px;padding:8px 0;display:flex;justify-content:space-between;gap:20px}
.history-expand summary::-webkit-details-marker{display:none}
.history-expand summary:hover{color:#0c4f38}
.history-expand[open] summary span{transform:rotate(45deg)}.history-expand figure{margin:16px 0 0;background:#f6f9f0;padding:12px;border-radius:15px}
.history-expand figure img{display:block;width:min(100%,390px);max-height:800px;height:auto;object-fit:contain;margin:auto;border-radius:10px}
.history-expand figcaption{color:#648071;text-align:center;font-size:12px;line-height:1.6;margin-top:12px}
.history-extra{margin-top:34px;border:1px solid #dae8db;border-radius:23px;display:grid;grid-template-columns:1.3fr .7fr;gap:20px;padding:28px;background:#f9fcf7;overflow:hidden;align-items:center}
.history-extra h2{font-size:24px;margin:10px 0}.history-extra p{color:#546d5b;font-size:14px;line-height:1.9;max-width:590px}
.history-extra-preview{width:100%;height:200px;object-fit:cover;border:7px solid white;border-radius:17px;box-shadow:0 7px 20px #396a4420}
.history-extra-details{max-width:360px}.history-extra-details figure img{width:100%}
.history-future{text-align:center;background:linear-gradient(120deg,#e6f4e9,#e7f5ed);border-radius:24px;padding:41px 24px;margin-top:36px}
.history-future h2{font-size:27px;color:#174735;margin:12px 0}.history-future p{font-size:14px;line-height:1.9;color:#527763;max-width:650px;margin:0 auto}
.history-footer-links{display:flex;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.history-footer-links a{min-height:44px;display:flex;align-items:center}
.history-card-link{display:inline-block;margin:14px 0 0;font-size:13px;font-weight:850;color:#157550;text-decoration:underline;text-underline-offset:4px}
@media (max-width:850px){.evolution-teaser{padding:25px;grid-template-columns:1fr 1fr}.history-grid{gap:14px}}
@media (max-width:700px){.evolution-teaser{grid-template-columns:1fr;gap:4px;margin:28px 16px 53px;padding:25px 22px}.evolution-teaser br{display:none}.evolution-teaser h2{font-size:27px}.teaser-shots{justify-content:center;padding:5px 0 18px}.teaser-image{width:min(43%,176px);aspect-ratio:1.2}.hero-visual.hero-concept{min-height:auto;margin-top:19px}.hero-visual.hero-concept .image-note{right:4%;bottom:-1%;font-size:10px;padding:7px 10px}.hero-secondary-link{display:block;margin:17px 0 0}.history-shell{padding-top:25px}.history-intro{align-items:flex-start;flex-direction:column}.history-intro h2{font-size:24px}.history-count{padding:8px 10px;gap:5px}.history-count strong{font-size:25px}.history-count small{font-size:9px}.history-grid{grid-template-columns:1fr;gap:19px}.history-card-cover{height:235px}.history-card-copy{padding:21px}.history-card-copy p{min-height:0}.history-extra{grid-template-columns:1fr}.history-extra-preview{height:160px}.history-future{padding:31px 18px}}
@media (max-width:360px){.history-intro{display:block}.history-count{margin-top:10px;width:max-content}.evolution-teaser{margin-left:11px;margin-right:11px}}

/* v5: visually distinguish imagined artwork from historical actual gameplay */
.hero-art-clarifier{font-size:11px!important;line-height:1.6!important;color:#617c70!important;margin:14px 0 0!important;max-width:390px}
.hero-visual.hero-concept{min-height:310px}
.hero-visual.hero-concept img{width:108%;aspect-ratio:2.1;filter:drop-shadow(0 10px 12px rgba(30,104,76,.05))}
.hero-visual.hero-concept .image-note{font-size:11px}
.real-now-strip{position:relative;display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;margin:-24px auto 44px;padding:20px 26px;background:#fff;border-radius:22px;box-shadow:0 11px 37px #2a6b511a;border:1px solid #dcece2;z-index:3}
.real-now-image{height:158px;border-radius:14px;background:#e5f2ee;position:relative;overflow:hidden;padding:7px;box-shadow:inset 0 0 0 1px #d3e8db}
.real-now-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%;border-radius:10px}
.real-now-image span{position:absolute;bottom:11px;left:11px;background:#fff;border-radius:100px;padding:6px 10px;color:#256f58;font-weight:900;font-size:11px;box-shadow:0 2px 14px #113d3014}
.real-now-copy h2{color:#123e34;font-size:24px;line-height:1.4;margin:8px 0}
.real-now-copy p{font-size:13px;line-height:1.7;color:#5b7264;margin:0}
.real-now-links{display:flex;flex-wrap:wrap;gap:9px 22px;margin:12px 0}
.real-now-links a{color:#167b54;font-size:13px;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.real-now-copy .version-disclaimer{font-size:10px;color:#7c9286}
.archive-story{margin:10px 0 22px}
.archive-story h2{font-size:clamp(23px,3vw,31px);line-height:1.35;color:#174736;margin:13px 0 8px}
.archive-story p{font-size:14px;color:#537060;line-height:1.75;max-width:670px}
.history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.history-card-cover{height:218px;padding:14px}
.history-card-copy{padding:20px}
.history-card-copy h3{font-size:18px}
.history-card-copy p{font-size:13px;min-height:105px}
.history-card-cover span{top:20px;right:19px}
@media(max-width:900px){.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-card-copy p{min-height:0}}
@media(max-width:700px){.hero{padding-top:26px;padding-bottom:30px}.hero-visual.hero-concept{margin-top:8px;min-height:175px;max-height:200px}.hero-visual.hero-concept img{width:100%;aspect-ratio:2.05;object-fit:cover}.hero-visual.hero-concept .image-note{font-size:9px;bottom:5px}.hero-art-clarifier{font-size:10px!important;margin-top:10px!important}.real-now-strip{display:grid;grid-template-columns:112px 1fr;gap:13px;margin:-12px 16px 20px;padding:12px 13px;border-radius:17px}.real-now-image{height:134px;padding:4px}.real-now-image span{font-size:9px;padding:4px 7px;left:7px;bottom:7px}.real-now-copy .eyebrow{font-size:9px;padding:4px 8px}.real-now-copy h2{font-size:15px;margin:6px 0 4px}.real-now-copy p{font-size:10px;line-height:1.55}.real-now-links{gap:5px 12px;margin:7px 0}.real-now-links a{font-size:10px}.real-now-copy .version-disclaimer{font-size:9px}.history-grid{grid-template-columns:1fr}.history-card-cover{height:250px;padding:17px}.history-card-copy p{min-height:0}}
@media(max-width:355px){.real-now-strip{grid-template-columns:98px 1fr;gap:9px;margin-left:10px;margin-right:10px;padding:10px}.real-now-image{height:122px}.real-now-copy h2{font-size:13px}.real-now-links a{font-size:9px}}

/* v6: one main Block Island action, one separate history action. */
.hero .hero-copy .btn-primary{margin-top:3px}
.real-now-strip{box-shadow:0 8px 26px #2a6b5115}
.real-now-copy p.version-disclaimer{margin-top:9px}
#home .evolution-teaser{margin-top:8px;margin-bottom:34px}
#home .shell.section{padding-top:10px}
#home .game-grid{grid-template-columns:minmax(0,1fr)}
#home .game-card{max-width:640px}
#home .game-card img{min-height:185px}
@media(max-width:700px){
  .real-now-strip{grid-template-columns:1fr;gap:11px;margin:-12px 16px 24px;padding:17px 18px 19px}
  .real-now-image{height:198px;padding:6px}
  .real-now-image img{object-position:center 51%}
  .real-now-copy .eyebrow{font-size:10px;padding:6px 10px}
  .real-now-copy h2{font-size:20px;margin:8px 0}
  .real-now-copy p{font-size:13px;line-height:1.75}
  .real-now-copy .version-disclaimer{font-size:11px;margin-top:8px}
  #home .evolution-teaser{margin-top:14px;margin-bottom:22px}
  #home .shell.section{padding-top:22px}
  #home .game-card{max-width:none}
}
@media(max-width:355px){
  .real-now-strip{grid-template-columns:1fr;gap:11px;margin-left:12px;margin-right:12px;padding:14px}
  .real-now-image{height:174px}
  .real-now-copy h2{font-size:19px}
}

/* v7: the game is an entry point; stories of making are the signature content. */
#home .making-feature{background:linear-gradient(140deg,#f2faf4 0%,#f9faf5 100%);border-top:1px solid #e4efe3;border-bottom:1px solid #e5eee4;margin-top:26px}
#home .making-feature .section{padding-top:56px;padding-bottom:64px}
.making-statement{border-left:4px solid #2d906b;padding:14px 18px;margin:8px 0 28px;background:#fff;border-radius:0 16px 16px 0;box-shadow:0 5px 20px #164c2b0c}
.making-statement strong{color:#174f3c;font-size:18px;line-height:1.5}
.making-statement p{color:#557567;font-size:13px;line-height:1.9;margin:8px 0 0}
#home .making-feature .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#home #guides-preview{background:#f7f8f4;margin-top:35px}
#home #guides-preview .post-grid{grid-template-columns:minmax(0,1fr);max-width:640px}
#home .evolution-teaser{margin-top:42px}
/* Archive: a portrait is a complete documentary image, never a crop and never hidden behind a button. */
#block-evolution .history-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px}
#block-evolution .history-card{overflow:hidden}
#block-evolution .history-card-copy{padding:21px 18px}
#block-evolution .history-card-copy p{min-height:0}
#block-evolution .history-view-hint{font-size:11px;color:#607c6b;margin:13px 0 8px}
#block-evolution .history-full-figure{margin:10px 0 0;padding:11px 10px;background:#f4f8f1;border-radius:15px}
#block-evolution .history-full-figure img{display:block;max-width:100%;width:min(100%,285px);height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center;margin:0 auto;border-radius:10px;box-shadow:0 4px 16px #23442a16}
#block-evolution .history-full-figure figcaption{margin:10px 0 0;color:#627b6c;font-size:11px;line-height:1.65;text-align:center}
#block-evolution .history-extra{grid-template-columns:1fr;padding:24px}
#block-evolution .history-extra-copy{max-width:100%}
#block-evolution .extra-full-figure img{width:min(100%,340px)}
#block-evolution .history-card h3{line-height:1.4}
@media(max-width:900px){#block-evolution .history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  #home .making-feature{margin-top:20px}
  #home .making-feature .section{padding-top:37px;padding-bottom:42px}
  #home .making-feature .post-grid{grid-template-columns:1fr}
  .making-statement{margin-bottom:23px;padding:13px 15px}
  .making-statement strong{font-size:15px}
  #home .evolution-teaser{margin-top:28px}
  #block-evolution .history-grid{grid-template-columns:1fr;gap:22px}
  #block-evolution .history-card-copy{padding:24px 20px}
  #block-evolution .history-full-figure{padding:12px}
  #block-evolution .history-full-figure img{width:min(100%,280px)}
}
@media(max-width:355px){#block-evolution .history-full-figure img{width:min(100%,248px)}}

/* v8: site identity is creating with AI; Block Island is the currently developing project. */
#home .hero{padding:48px 0 52px}
#home .hero-inner{grid-template-columns:1.03fr .97fr;min-height:375px}
#home .hero h1{font-size:clamp(35px,4.1vw,63px);line-height:1.18;letter-spacing:-.06em;max-width:590px}
#home .hero h2{font-size:clamp(17px,1.9vw,22px);line-height:1.55;max-width:510px}
#home .hero-copy>p{max-width:500px}
#home .hero-pill{font-size:12px;font-weight:800}
#home .real-now-strip{margin-top:-17px}
#home .real-now-copy h2{font-size:clamp(20px,2.2vw,26px)}
#home .making-feature .section{padding-top:44px;padding-bottom:53px}
#home .making-statement{margin-bottom:23px}
.featured-story{background:#fff;border:1px solid #dceadf;border-radius:22px;padding:28px 27px 17px;margin:0 0 21px;box-shadow:0 10px 30px #1a483408}
.featured-story-top{display:flex;justify-content:space-between;align-items:start;gap:30px}
.featured-story-copy{max-width:680px}
.story-kicker,.queue-kicker{font-size:11px;letter-spacing:.13em;font-weight:900;color:#288766}
.featured-story h3{font-size:clamp(21px,2.5vw,31px);line-height:1.48;letter-spacing:-.045em;white-space:pre-line;color:#183d36;margin:12px 0}
.featured-story-copy p{font-size:13px;line-height:1.88;color:#526b61;max-width:720px}
.story-read{display:inline-flex;margin:10px 0 12px;font-size:14px;font-weight:850;color:#167852;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.compare-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:10px}
.compare-shot{margin:0;min-width:0;background:#f2f8f3;border-radius:15px;padding:10px}
.compare-label{display:block;font-size:11px;color:#217854;letter-spacing:.1em;padding:4px 7px 8px}
.compare-shot img{display:block;width:100%;height:auto;object-fit:contain;border-radius:9px}
.compare-shot figcaption{font-size:11px;color:#587366;line-height:1.55;margin:10px 6px 3px}
.story-source{font-size:11px;color:#72877b;line-height:1.7;margin:12px 3px 0}
.story-queue{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#f1f7f3;border:1px dashed #a8cdb7;padding:23px 25px;border-radius:20px;margin-bottom:30px}
.story-queue h3{font-size:18px;margin:6px 0 6px;color:#234b3c}
.story-queue p{font-size:12px;color:#547264;line-height:1.75;max-width:620px;margin:0}
.queue-stages{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:270px}
.queue-stages span{border-radius:99px;background:#fff;border:1px solid #cddfd3;padding:8px 9px;font-size:11px;font-weight:700;color:#4e7a5e}
.queue-stages span+span:before{content:'→  ';color:#79a88f}
#home .making-feature .post-card{opacity:.9}
/* Dedicated full-photo article; actual images are not hidden/cropped thumbnails. */
.photo-article{max-width:980px;padding-top:46px;padding-bottom:95px}
.photo-article-back{color:#267b58;font-weight:850;font-size:13px}
.photo-article-kicker{font-size:12px;color:#258361;letter-spacing:.13em;font-weight:900;margin:28px 0 12px}
.photo-article h1{font-size:clamp(29px,4.3vw,51px);line-height:1.38;white-space:pre-line;letter-spacing:-.055em;color:#123a2f;margin:0 0 16px}
.photo-article-lead{font-size:16px;line-height:2;color:#50675d;max-width:820px}
.photo-article .source-box{font-size:12px;color:#5a7868;background:#eaf4ed;border-radius:11px;padding:12px 17px;line-height:1.7}
.story-steps{margin-top:44px;display:grid;gap:37px}
.story-step{background:#fff;border:1px solid #e0e8dc;border-radius:22px;padding:31px 34px}
.step-number{font-size:12px;font-weight:900;color:#168564;letter-spacing:.08em}
.story-step h2{font-size:clamp(21px,2.6vw,29px);line-height:1.48;margin:12px 0}
.story-step>p{font-size:14px;color:#536a60;line-height:1.95;max-width:800px}
.article-shot{margin:23px auto 0;max-width:670px;text-align:center;background:#f1f7f1;border-radius:16px;padding:15px}
.article-shot img{display:block;width:100%;height:auto;border-radius:11px}
.article-shot figcaption{font-size:12px;color:#577565;margin-top:12px}
.midstep{background:#f5faf5;border:1px dashed #b5d3bd}
.stage-note{font-size:12px!important;color:#779083!important}
.photo-article-summary{background:#eaf5ee;border-radius:20px;padding:29px 33px;margin-top:36px}
.photo-article-summary h2{font-size:23px;margin:0 0 12px}
.photo-article-summary p{line-height:1.9;color:#4f6d5d}
.photo-article-summary .source-foot{font-size:12px;color:#6d8977}
.blog-featured-link{background:#e5f5e9;padding:18px 20px;border-radius:15px;margin:20px 0 30px;font-size:14px;font-weight:900}
.blog-featured-link a{color:#117e56}
@media(max-width:900px){#home .hero-inner{grid-template-columns:1fr 1fr}.story-queue{flex-wrap:wrap}}
@media(max-width:700px){
 #home .hero{padding:26px 0 42px}
 #home .hero-inner{display:flex;flex-direction:column;min-height:0;gap:22px}
 #home .hero-copy{width:100%}
 #home .hero h1{font-size:clamp(35px,9vw,45px);margin:20px 0 12px}
 #home .hero h2{font-size:17px}
 #home .hero-visual{width:100%;margin-top:0}
 #home .hero-pill{margin-top:19px}
 #home .real-now-strip{margin-top:13px}
 .featured-story{padding:21px 17px 16px}
 .featured-story h3{font-size:22px}
 .compare-pair{grid-template-columns:1fr;gap:14px}
 .compare-shot{padding:10px;border-radius:12px;max-width:440px;margin-inline:auto;width:100%}
 .compare-label{font-size:11px;padding:4px 5px 8px}
 .compare-shot figcaption{font-size:11px;margin:9px 5px 3px}
 .story-queue{padding:18px 16px}
 .story-queue h3{font-size:16px}
 .queue-stages{min-width:0;gap:4px}
 .queue-stages span{padding:6px 7px;font-size:10px}
 .photo-article{padding-top:27px;padding-bottom:70px}
 .photo-article h1{font-size:29px}
 .photo-article-lead{font-size:14px}
 .story-step{padding:22px 17px}
 .article-shot{padding:9px}
 .photo-article-summary{padding:21px 19px}
}
@media(max-width:350px){#home .hero h1{font-size:33px}.compare-pair{gap:5px}.compare-label{letter-spacing:0}}

/* v9 — single editorial entry point, compact honest visual comparison. */
#home .hero-copy .btn-primary{display:none}
#home .hero-pill{margin-top:18px}
#home .making-statement strong{letter-spacing:-.035em}
#home .featured-story{padding:23px 23px 17px}
#home .featured-story-top{gap:0}
#home .featured-story-copy{max-width:100%}
#home .featured-story-copy h3{font-size:clamp(20px,2.3vw,28px);line-height:1.45}
#home .featured-story-copy p{margin-top:5px;margin-bottom:4px}
#home .featured-story .story-read{margin-top:8px;margin-bottom:13px}
#home .compact-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px}
#home .compact-compare .compare-shot{padding:8px;max-width:none;margin:0;background:#eff6f0;border-radius:13px}
#home .compact-compare .compare-label{padding:5px 4px 7px;font-size:11px;letter-spacing:0}
#home .compact-compare img{width:100%;height:auto;aspect-ratio:377/312;object-fit:contain;border-radius:7px}
#home .compact-compare figcaption{font-size:11px;line-height:1.45;margin:7px 3px 2px}
#home .featured-story .story-source{font-size:10px;margin-top:9px}
@media(max-width:700px){
  #home .featured-story{padding:20px 14px 15px}
  #home .featured-story h3{font-size:20px;margin:9px 0}
  #home .featured-story-copy p{font-size:12px;line-height:1.7}
  #home .compact-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  #home .compact-compare .compare-shot{padding:6px;border-radius:10px;max-width:none;width:auto}
  #home .compact-compare .compare-label{font-size:10px;padding:3px 1px 6px;letter-spacing:0}
  #home .compact-compare figcaption{font-size:10px;margin:6px 1px 2px}
  #home .story-source{line-height:1.6}
}
@media(max-width:355px){
  #home .compact-compare{gap:6px}
  #home .compact-compare .compare-shot{padding:5px}
  #home .compact-compare figcaption{font-size:9px}
}

@media(min-width:851px){
 #home .featured-story{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);grid-template-rows:auto auto;column-gap:25px;align-items:center}
 #home .featured-story-top{grid-column:1;grid-row:1 / span 2;align-self:center}
 #home .featured-story .compact-compare{grid-column:2;grid-row:1;align-self:end}
 #home .featured-story .story-source{grid-column:2;grid-row:2;align-self:start}
}

/* v10 — editorial reading path, clear choices, user guidance */
.v10-overline{font-size:11px;font-weight:900;letter-spacing:.12em;color:#19795b}
.v10-hero-actions,.v10-end-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.v10-hero-actions{margin-top:17px;margin-bottom:11px}
.v10-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 17px;border-radius:999px;font-size:14px;font-weight:800;white-space:normal;text-align:center;line-height:1.45}
.v10-action-main{color:white;background:#157b57;box-shadow:0 8px 18px #17664c24}
.v10-action-main:hover{background:#0e6044}.v10-action-outline{background:#fffdf7;color:#146648;border:1px solid #b6d7c5}
.v10-action-outline:hover{background:#e8f5ee}
#home .hero-copy .v10-action{display:inline-flex!important}
#home .hero-copy .hero-art-clarifier{font-size:12px;line-height:1.65;max-width:470px;color:#49665a}
.v10-current-link{margin-top:9px}.v10-current-link a{display:inline-flex;gap:6px;color:#126b4b;font-size:13px;font-weight:850;text-decoration:underline;text-underline-offset:4px}
.v10-path-teaser{padding-top:18px;padding-bottom:34px}
.v10-path-head{background:linear-gradient(120deg,#eaf5ea,#f9fcf7);border:1px solid #d1e5d5;border-radius:22px;padding:29px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.v10-path-head h2{font-size:clamp(24px,3vw,34px);line-height:1.4;letter-spacing:-.045em;margin:7px 0 6px}
.v10-path-head p{font-size:14px;line-height:1.8;color:#496459;max-width:610px;margin:0}
.v10-path-mini{margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;list-style:none}
.v10-path-mini li{border:1px solid #dcebe0;border-radius:14px;padding:13px 15px;display:flex;align-items:center;gap:12px;background:#fff;font-size:14px;font-weight:800;color:#1b4737;min-width:0}
.v10-path-mini li b{color:#198365;font-size:19px;letter-spacing:-.04em}
.v10-path-mini li small{display:block;font-size:11px;color:#537567;line-height:1.6;font-weight:500}
.v10-guide-teaser{padding-block:26px 42px}.v10-guide-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #dce9df;border-radius:20px;background:#f1f8f2;padding:27px 30px}
.v10-guide-inner h2{font-size:23px;margin:5px 0;letter-spacing:-.035em}.v10-guide-inner p{font-size:14px;margin:5px 0 8px;color:#526b5e;max-width:650px}.v10-prep-label{font-size:12px;color:#496a5b}
.v10-start-wrap{max-width:1030px;padding-block:36px 75px}.v10-section-intro{max-width:800px;margin:0 0 24px;color:#4d675a;font-size:15px;line-height:1.9}
.v10-reading-steps{display:grid;gap:17px;list-style:none;margin:0;padding:0}.v10-reading-step{display:grid;grid-template-columns:205px minmax(0,1fr);background:#fff;border:1px solid #dce9df;border-radius:19px;overflow:hidden;box-shadow:0 7px 24px #234d3510}
.v10-num{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 27px;background:#e9f5ed;font-size:43px;font-weight:900;color:#178463;line-height:1.15}
.v10-num span{font-size:15px;line-height:1.8;color:#315847}.v10-reading-body{padding:24px 30px}
.v10-reading-type{font-size:11px;font-weight:900;letter-spacing:.09em;color:#298064}.v10-reading-body h2{font-size:22px;margin:6px 0 8px;line-height:1.45;letter-spacing:-.035em}
.v10-reading-body p{font-size:14px;line-height:1.85;color:#516b5c;margin:0 0 13px}.v10-reading-body>a{color:#106b4c;font-weight:850;font-size:15px;text-decoration:underline;text-underline-offset:5px}
.v10-end-path,.v10-next-step{margin-top:29px;background:#e9f4eb;border:1px solid #cde4d5;border-radius:19px;padding:27px 30px}.v10-end-path strong,.v10-next-step h2{font-size:21px;color:#1a4937}.v10-end-path p,.v10-next-step p{font-size:14px;color:#526a5c;line-height:1.8;margin:6px 0 14px}.v10-next-step h2{margin:5px 0}
.v10-next-step>a,.v10-end-actions a{display:inline-flex;padding:11px 16px;background:#127653;color:#fff;font-size:14px;font-weight:800;border-radius:10px;line-height:1.5}
.v10-end-actions a:nth-child(2){background:#fff;color:#126c4d;border:1px solid #b3d5c2}
.v10-breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;color:#4e7766;margin-bottom:13px;font-weight:700}
.v10-breadcrumb a{color:#117b58;text-decoration:underline;text-underline-offset:3px}.v10-breadcrumb b{color:#28533f}
.v10-blog-nav{display:flex;justify-content:space-between;align-items:center;gap:22px;border-radius:21px;background:#eaf5eb;border:1px solid #cbe4d2;padding:26px 28px;margin-bottom:43px}
.v10-blog-nav h2{font-size:22px;margin:4px 0}.v10-blog-nav p{font-size:14px;color:#4f6c5a;margin:0}.v10-blog-section{margin:28px 0 48px}
.v10-blog-section h2{margin:6px 0 17px;letter-spacing:-.035em;font-size:25px}
.v10-featured-article{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff;border:1px solid #dbe8df;border-radius:17px;padding:22px 25px}
.v10-featured-article b{font-size:18px;color:#153e30}.v10-featured-article p{font-size:14px;margin:5px 0;color:#516b5a}.v10-featured-article small{font-size:11px;color:#496757}.v10-featured-article>span{color:#177c58;font-size:24px}
.v10-drafts{border-top:1px solid #d9e6dc;padding-top:26px}.v10-drafts>p{font-size:14px;color:#566e60;margin:-6px 0 19px}
.v10-draft-list{display:grid;gap:10px}.v10-draft-list>a{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:11px;align-items:center;background:#f8faf7;border:1px solid #dce8df;border-radius:11px;padding:16px}
.v10-draft-list span{font-size:11px;color:#39735d}.v10-draft-list b{font-size:14px}.v10-draft-list small{font-size:12px;color:#157352}
/* Some v9 metadata and body copy was too small/light on mobile. */
.story-step>p,.photo-article-lead{font-size:16px;line-height:1.9}
#home .featured-story-copy p{font-size:14px}
#home .featured-story .story-source{font-size:12px;color:#4b6658;line-height:1.7}
@media(max-width:800px){.v10-path-head,.v10-guide-inner,.v10-blog-nav{flex-direction:column;align-items:stretch}.v10-action{width:fit-content}.v10-reading-step{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:700px){
 .v10-hero-actions{gap:9px;margin-top:16px}.v10-action{font-size:13px;flex:0 0 auto}.v10-hero-actions .v10-action{flex:1 1 calc(50% - 8px)}
 #home .hero-visual.hero-concept{max-height:185px}
 .v10-path-teaser{padding-top:6px;padding-bottom:12px}
 .v10-path-head{padding:21px 19px}.v10-path-head h2{font-size:24px}.v10-path-head p{font-size:13px}
 .v10-path-head .v10-action{width:100%}
 .v10-path-mini{gap:7px}.v10-path-mini li{padding:10px 8px;gap:5px;font-size:11px;display:block;text-align:center}.v10-path-mini li b{display:block;font-size:16px}.v10-path-mini li small{font-size:10px}
 .v10-guide-inner{padding:22px 18px}.v10-guide-inner h2{font-size:20px}
 .v10-start-wrap{padding-block:28px 60px}.v10-reading-step{grid-template-columns:1fr}
 .v10-num{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:13px 19px;font-size:28px}.v10-num span{font-size:13px}
 .v10-reading-body{padding:17px 19px 21px}.v10-reading-body h2{font-size:20px}.v10-reading-body p{font-size:14px}
 .v10-end-path,.v10-next-step{padding:22px 18px}
 .v10-blog-nav{padding:20px 17px}.v10-blog-nav h2{font-size:20px}
 .v10-blog-section h2{font-size:21px}.v10-featured-article{padding:17px}.v10-featured-article b{font-size:16px}
 .v10-draft-list>a{grid-template-columns:1fr;gap:4px}
}

/* v11: friendly image-led editorial articles; preserve v10 layout */
.v11-article{max-width:850px;padding-top:28px;padding-bottom:80px}
.v11-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#557264;font-size:13px;margin:6px 0 21px}
.v11-breadcrumb a{color:#136c4d;text-decoration:underline;text-underline-offset:3px}
.v11-genre{font-size:12px;letter-spacing:.08em;color:#14805a;font-weight:800;margin:12px 0 13px}
.v11-article h1{font-size:clamp(27px,4vw,43px);line-height:1.4;letter-spacing:-.035em;color:#183e32;margin:0 0 17px}
.v11-deck{font-size:clamp(16px,2vw,19px);line-height:1.85;color:#3c5e4e;margin:0 0 15px}
.v11-meta{font-size:12px;line-height:1.8;color:#556e60;margin:0 0 22px}
.v11-context{font-size:13px;line-height:1.8;border-left:4px solid #a9d7be;background:#eff8ef;padding:12px 15px;border-radius:0 9px 9px 0;color:#405c4e;margin:18px 0 30px}
.v11-prose h2{font-size:clamp(23px,3vw,30px);color:#183e32;letter-spacing:-.03em;line-height:1.5;margin:41px 0 15px}
.v11-prose p{font-size:16px;line-height:2;color:#324c40;margin:0 0 21px}
.v11-prose p strong{color:#126e50}
.v11-figure{margin:23px 0 30px;padding:12px;border-radius:16px;background:#f0f6ef;border:1px solid #d9e8da}
.v11-figure img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain;border-radius:10px;background:#edf5ef}
.v11-figure figcaption{font-size:12px;color:#456454;line-height:1.7;margin:12px 3px 1px}
.v11-figure.v11-wide{padding:12px}
.v11-two-shots{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}
.v11-two-shots .v11-figure{margin:0;min-width:0}
.v11-two-shots .v11-figure img{max-height:400px;object-fit:contain}
.v11-inline-note{background:#f5f8f3;border:1px solid #d9e8dc;border-radius:13px;padding:16px 18px;margin:24px 0}
.v11-inline-note strong{font-size:14px;color:#1d6047}
.v11-inline-note p{font-size:13px;margin:6px 0 0;line-height:1.8}
.v11-tech{border:1px solid #d3e3d7;border-radius:14px;padding:16px 20px;background:#f8fbf7;margin:28px 0}
.v11-tech summary{cursor:pointer;font-size:15px;font-weight:800;color:#1b694e;line-height:1.6}
.v11-tech li{font-size:14px;line-height:1.9;color:#435f50;margin:6px 0}
.v11-tech ol,.v11-tech ul{padding-left:24px}
.v11-source{font-size:12px!important;color:#60776c!important;line-height:1.8!important;border-top:1px solid #e0e9e1;padding-top:17px;margin-top:30px!important}
.v11-next{background:linear-gradient(110deg,#e9f5ed,#f6faf4);border:1px solid #d1e5d7;border-radius:19px;padding:25px 26px;margin-top:42px}
.v11-next>span{font-size:12px;font-weight:900;color:#2d7b5a}
.v11-next h2{font-size:22px;color:#1b513b;margin:7px 0 17px;line-height:1.5}
.v11-next a{display:block;background:#137c56;color:#fff;border-radius:11px;padding:13px 15px;font-size:14px;font-weight:850;line-height:1.6;margin:9px 0;text-align:center}
.v11-next a.v11-secondary{background:#fff;color:#13664b;border:1px solid #c3ddcc}
.v11-home-other{max-width:880px;margin:13px 0 25px;padding:11px 14px;background:#edf6ee;border-radius:11px;color:#426654;font-size:13px;line-height:1.8}
.v11-home-other a{color:#116f4f;font-weight:850;text-decoration:underline;text-underline-offset:4px}
.v10-blog-section .v10-featured-article+.v10-featured-article{margin-top:12px}
.v10-end-actions{flex-wrap:wrap}
@media(max-width:650px){
 .v11-article{padding-top:20px;padding-bottom:55px}
 .v11-article h1{font-size:27px}
 .v11-prose h2{font-size:23px;margin-top:32px}
 .v11-prose p{font-size:16px;line-height:1.95}
 .v11-figure{padding:8px;border-radius:12px}
 .v11-two-shots{grid-template-columns:1fr;gap:13px}
 .v11-two-shots .v11-figure img{max-height:400px;object-fit:contain}
 .v11-next{padding:20px 18px}
 .v11-next h2{font-size:20px}
 .v10-end-actions a{flex:1 1 230px;text-align:center;justify-content:center}
}

/* v12: A clear pair of different destination links under the real game screenshot. */
.v12-current-links{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;margin-top:12px}
.v12-current-links a{display:inline-flex;min-height:44px;align-items:center;color:#0d7056;font-weight:800;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}
.v12-current-links a:focus-visible{outline:3px solid #157b64;outline-offset:4px;border-radius:4px}
@media(max-width:560px){.v12-current-links{align-items:stretch;flex-direction:column;gap:4px}.v12-current-links a{width:fit-content}}

/* v13 — readable editorial routing. A clear list of stories instead of a forced article */
.v13-end-path{padding:26px 26px 25px}
.v13-end-path>p{max-width:760px;margin-top:10px;margin-bottom:20px;font-size:15px;line-height:1.85}
.v13-end-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.v13-end-choice{display:flex;flex-direction:column;align-items:flex-start;min-width:0;background:#fff;border:1px solid #cfe5d6;border-radius:16px;padding:21px 20px}
.v13-end-choice>span{font-weight:800;font-size:12px;color:#187855;letter-spacing:.025em}
.v13-end-choice h3{margin:8px 0 6px;color:#193d30;font-size:18px;line-height:1.45}
.v13-end-choice p{font-size:14px;line-height:1.75;color:#4f685b;margin:0 0 16px;flex:1}
.v13-end-choice a{display:inline-flex;align-items:center;min-height:44px;padding:9px 15px;border-radius:10px;background:#127653;color:#fff;font-weight:800;font-size:14px;line-height:1.5;text-decoration:none}
.v13-end-choice:nth-child(2) a{background:#f7fbf8;border:1px solid #a9d2ba;color:#126c4d}
.v13-end-choice a:focus-visible{outline:3px solid #e1a34f;outline-offset:3px}
@media(max-width:680px){.v13-end-choices{grid-template-columns:1fr}.v13-end-path{padding:22px 17px}.v13-end-choice{padding:18px}.v13-end-choice h3{font-size:17px}.v13-end-choice p{margin-bottom:13px}}


/* v16: reading-order page ends with one distinct choice */
.v16-end-path .v16-end-link{display:inline-flex;align-items:center;min-height:44px;padding:11px 17px;border-radius:11px;background:#127653;color:#fff;font-weight:800;font-size:14px;line-height:1.5;text-decoration:none}
.v16-end-path .v16-end-link:hover{background:#0e6245}
.v16-end-path .v16-end-link:focus-visible{outline:3px solid #e1a34f;outline-offset:3px}
/* Keep the existing horizontal screenshot gallery from widening the game detail layout on narrow phones. */
@media(max-width:900px){.detail-layout{grid-template-columns:minmax(0,1fr)}.detail-layout>.panel{min-width:0}.detail-layout .real-gallery{max-width:100%}}

/* v17: image-first evolution diary; preserve previous v16 design and navigation */
.v17-comparison{margin:22px 0 28px}
.v17-comparison img{width:100%;height:auto;display:block;border-radius:11px}
.v17-milestone{border-left:3px solid #bedfc9;padding-left:17px;margin:34px 0}
.v17-milestone .v11-figure{max-width:590px;margin:16px 0 20px}
.v17-milestone .v11-figure img{max-height:650px;object-fit:contain}
.v17-artstudy img{max-height:650px;object-fit:contain;background:#f4f0e4}
.v17-tag{display:inline-block;color:#176d4f;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:5px}
.v17-read-next{margin:22px 0;background:#eef6ed;border:1px solid #d3e5d5;border-radius:16px;padding:20px}
.v17-read-next p{margin:6px 0 12px}
.v17-read-next a{font-weight:800;color:#137b54;text-decoration:underline;text-underline-offset:4px;display:inline-block;margin:6px 18px 6px 0}
.v17-history-read{margin:14px 0 25px;border-radius:15px;background:#e9f6ec;border:1px solid #cae7d2;padding:20px;font-size:15px;line-height:1.7}
.v17-history-read a{font-weight:850;color:#127451;text-decoration:underline;text-underline-offset:4px}
@media(max-width:680px){.v17-milestone{padding-left:12px;margin:26px 0}.v17-milestone .v11-figure img{max-height:560px}}

/* v18: first-person photo diary for the family math-puzzle game */
.v18-centered-shot{max-width:425px;margin:24px auto 31px}
.v18-centered-shot img{height:auto;max-height:645px;width:100%;object-fit:contain;background:#fbf8f0}
.v18-gameplay-shot{max-width:460px}
.v18-tiles-shot{max-width:560px;margin:22px auto 30px}
.v18-tiles-shot img{max-height:630px;object-fit:contain}
.v18-math-diary-link{display:inline-block;margin-top:14px;color:#147854;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px;line-height:1.6}
.v18-math-diary-link:focus-visible{outline:3px solid #e1a34f;outline-offset:3px}
@media(max-width:680px){.v18-centered-shot{max-width:340px}.v18-tiles-shot{max-width:100%}}

/* v19: photo-led stories. No changes to navigation or gameplay */
.v19-art-figure{max-width:690px;margin:25px auto 32px}
.v19-art-figure img{width:100%;max-height:830px;height:auto;object-fit:contain;display:block;background:#faf7ef;border-radius:12px}
.v19-road-compare{margin:24px auto 32px}
.v19-road-compare img{width:100%;height:auto;display:block;border-radius:12px}
.v19-road-figure{margin:26px auto 33px;max-width:780px}
.v19-road-figure img{width:100%;height:auto;display:block;border-radius:12px}
@media(max-width:680px){.v19-art-figure{margin:20px auto 29px}.v19-road-compare{margin:23px auto}.v19-road-figure{margin:22px auto 29px}}

/* v25: actual game screenshots; preserved source pixels (no post-processing). */
.v25-merge-shot{max-width:700px;margin:16px auto 27px;}
.v25-merge-shot img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:9px;}
.v25-basic-pair .v25-merge-shot{max-width:none;margin:0;}
.v25-basic-pair .v25-merge-shot img{max-height:450px;}
@media(max-width:650px){
 .v25-basic-pair{display:block;}
 .v25-basic-pair .v25-merge-shot{padding:6px;margin:12px auto 20px;}
 .v25-basic-pair .v25-merge-shot img{width:100%;max-height:480px;object-fit:contain;}
 .v25-basic-pair .v25-merge-shot figcaption{font-size:12px;line-height:1.65;}
 .v25-merge-shot{padding:6px;}
}


/* v29: 個別HTMLに分割したため旧ハッシュ切替を上書き */
.route-view, .route-view[data-view="home"]{display:block!important}

/* v30: deploy/readiness, game entry points & optional consent */
.v30-footer-notes{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0 25px;font-size:12px;color:#61766c}
.v30-footer-notes a{color:#e2efe3;text-decoration:underline;text-underline-offset:3px}
.v30-footer-notes .v30-privacy-settings{color:#e2efe3;border:0;background:none;text-decoration:underline;cursor:pointer;font:inherit}
.v30-play-slot{margin-top:15px}
.v30-play-waiting{border:1px solid #c9d9c7;border-radius:13px;padding:12px 13px;background:#f2f7ee;color:#466a54;font-size:12px;line-height:1.7}
.v30-play-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:12px;background:#187c52;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:800;line-height:1.4;min-height:44px;box-shadow:0 2px 4px rgba(0,0,0,.09)}
.v30-play-button:hover{background:#0d5d3a}
.v30-legal{max-width:830px;margin:0 auto;padding:32px 18px 70px;color:#2a4338}
.v30-legal h1{font-size:clamp(24px,4.5vw,36px);line-height:1.3;color:#164d36}
.v30-legal h2{font-size:19px;margin:28px 0 10px;color:#164d36}
.v30-legal p,.v30-legal li{font-size:14px;line-height:1.9}
.v30-legal .v30-legal-note{padding:15px 17px;border-radius:12px;background:#f3f8ee;border:1px solid #d8e5d1;font-size:13px}
.v30-consent-banner{position:fixed;bottom:12px;left:12px;right:12px;max-width:760px;margin:0 auto;border:1px solid #a7c4b0;border-radius:16px;padding:17px;background:#fff;z-index:999;box-shadow:0 6px 25px rgba(19,62,36,.24);display:flex;gap:15px;align-items:center}
.v30-consent-banner[hidden]{display:none}
.v30-consent-banner strong{color:#164d36}
.v30-consent-banner p{font-size:12px;margin:5px 0 0;line-height:1.65}
.v30-consent-banner a{color:#187c52}
.v30-consent-actions{display:flex;gap:8px;flex-shrink:0}
.v30-consent-actions button{cursor:pointer;min-height:38px;border-radius:8px;border:1px solid #b2c9b6;padding:7px 12px;background:#f9fcf8;color:#1d6041;font-size:12px;font-weight:700}
.v30-consent-actions button[data-consent="accept"]{background:#187c52;color:#fff;border-color:#187c52}
@media(max-width:700px){.v30-consent-banner{display:block}.v30-consent-actions{justify-content:flex-end;margin-top:10px}}
/* Footer in v29 uses a light surface: ensure utility links remain readable. */
.footer .v30-footer-notes a,.footer .v30-footer-notes .v30-privacy-settings{color:#1b7655}
.footer .v30-footer-notes{border-top:1px solid #e0eae0}

/* v32: approved 2026-10-20 original concept artwork. Keep the full composition visible. */
.hero-visual.hero-concept img{aspect-ratio:1672 / 941;object-fit:contain;object-position:center;height:auto;}
@media(max-width:790px){.hero-visual.hero-concept img{aspect-ratio:1672 / 941;object-fit:contain;object-position:center;height:auto}}
@media(max-width:480px){.hero-visual.hero-concept img{aspect-ratio:1672 / 941;object-fit:contain;object-position:center;height:auto}}

/* v33 prepublication disclosures */
.v33-info-note{max-width:780px;margin:22px auto 36px;padding:18px 20px;border:1px solid #dce9db;border-radius:14px;background:#f2f7f0;color:#244939;line-height:1.8}
.v33-info-note h2{font-size:17px;margin:0 0 6px;color:#1a5841}
.v33-info-note p{font-size:14px;margin:0}

/* v34: explicit unpublished-play status; v33 styling retained. */
.game-card .tag.neutral {max-width:100%;line-height:1.5}
.v30-play-waiting {overflow-wrap:anywhere}

/* v36: accessibility improvements; preview still unpublished. */
@media (prefers-reduced-motion: reduce) {html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* v37: new brand is longer; use the existing disclosure menu at 791–1180px.
   Header-only layout fix, leaving all page/section designs unchanged. */
@media (min-width:791px) and (max-width:1180px) {
  .header .nav, .header .header-action { display:none; }
  .header .mobile-menu { display:block; position:relative; margin-left:auto; z-index:100; }
  .header .mobile-menu summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:center; background:#eaf4ed; color:var(--green); border-radius:12px; width:43px; height:43px; }
  .header .mobile-menu summary::-webkit-details-marker { display:none; }
  .header .mobile-menu summary .icon { width:23px; height:23px; }
  .header .mobile-panel { position:absolute; right:0; top:calc(100% + 8px); width:min(325px, calc(100vw - 30px)); display:grid; grid-template-columns:repeat(2, 1fr); gap:8px; border-radius:16px; padding:12px; background:white; border:1px solid var(--line); box-shadow:0 16px 26px #173b2920; }
  .header .mobile-panel .nav-link { background:#f5f9f5; padding:12px 8px; font-size:13px; white-space:normal; }
}

/* v41: mobile Japanese readability. Original desktop layouts are unchanged. */
@media (max-width:600px) {
  .v11-article h1 {
    font-size:clamp(22px,5.7vw,25px);
    line-height:1.5;
    letter-spacing:-.03em;
    text-wrap:balance;
    overflow-wrap:normal;
  }
  .v11-article h1 br {display:none}
  .v11-article h1 .v41-keep-phrase {white-space:nowrap}
  .v11-genre {
    font-size:11px;
    line-height:1.65;
    letter-spacing:.02em;
    text-wrap:pretty;
  }
  .v11-deck {
    font-size:15px;
    line-height:1.85;
    text-wrap:pretty;
  }
  .v11-prose h2 {
    font-size:clamp(20px,5.5vw,23px);
    line-height:1.5;
    text-wrap:balance;
  }
  .v11-prose p {line-height:1.95}
}

/* v42: Make the article's main title unmistakably prominent.
   Section headings and body copy retain their v41 appearance. */
.v11-article h1 { font-weight: 900; }

/* v43: a restrained ~5% increase in mobile article-title size only. */
@media (max-width: 600px) {
  .v11-article h1 { font-size: clamp(23px, 6vw, 26px); }
}



/* v50: quieter category labels and a concise follow-on section below the main next diary card. */
.v49-category-tag{display:inline-flex;align-items:center;max-width:100%;padding:4px 11px;border-radius:999px;
  font-size:12px;font-weight:800;line-height:1.55;letter-spacing:.02em;
  background:#e7f1e9;border:1px solid #cce4d4;color:#176a4c;white-space:normal;vertical-align:middle;}
.v10-featured-article .v49-category-tag{display:block;width:fit-content;margin-bottom:7px;padding:2px 8px;
  background:#f1f6f1;color:#4f7361;border:1px solid #e0eae0;font-size:10px;font-weight:750;}
.v11-article>.v49-category-tag{margin:7px 0 12px;}
.v50-more-reading{margin:16px 0 30px;padding:16px 18px;border:1px solid #e0e9df;background:#fafcf9;
  border-radius:14px;color:#335c49;}
.v50-reading-row{display:flex;flex-direction:column;gap:6px;}
.v50-reading-row+.v50-reading-row{border-top:1px solid #e4ebe3;padding-top:12px;margin-top:12px;}
.v50-reading-label{font-size:12px;font-weight:780;color:#607b69;letter-spacing:.02em;}
.v50-small-link{display:inline-flex;align-items:baseline;gap:4px;padding:7px 3px;min-height:38px;
  width:fit-content;max-width:100%;font-size:13px;line-height:1.65;font-weight:730;text-decoration:underline;
  text-underline-offset:3px;color:#1b7150;overflow-wrap:anywhere;}
.v50-cross-links{display:flex;align-items:center;flex-wrap:wrap;column-gap:22px;row-gap:3px;}
.v50-small-link:hover{color:#115239;}
.v50-small-link:focus-visible{outline:3px solid #dba54c;outline-offset:3px;border-radius:4px;}
@media(max-width:600px){.v50-more-reading{padding:13px 14px;}.v50-cross-links{column-gap:16px;}
  .v50-small-link{font-size:12.5px;}}