:root{font-family:"Yu Gothic",Meiryo,sans-serif;color:#262e2a;background:#f8f7f2;line-height:1.9;--accent:#a74732}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.journal-header{max-width:1280px;margin:auto;padding:22px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #dcdcd3}.journal-brand{display:block;width:135px;height:55px;position:relative;overflow:hidden}.journal-brand img{width:180px;height:180px;position:absolute;left:-19px;top:-59px;mix-blend-mode:multiply}.journal-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.journal-header a{text-decoration:none}.journal-demo{background:#263f35;color:#fff;padding:10px 22px;border-radius:2px}.journal-hero{max-width:1160px;margin:auto;padding:80px 30px 70px;position:relative;overflow:hidden}.journal-hero>span,.journal-cta small{letter-spacing:.22em;font-size:12px;color:var(--accent)}.journal-hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(38px,5vw,64px);line-height:1.5;font-weight:500;letter-spacing:.08em;margin:22px 0}.journal-hero p{color:#69716a;font-size:15px}.journal-hero>b{position:absolute;right:70px;top:0;font-family:"Yu Mincho",serif;font-size:240px;font-weight:400;color:#e5e7de;transform:rotate(-7deg);z-index:-1}.journal-notice{max-width:1100px;margin:0 auto 45px;border-left:2px solid var(--accent);padding:10px 20px;color:#58644f;font-size:12px;background:#eeeFE7}.journal-toolbar{max-width:1100px;margin:0 auto 30px;display:flex;flex-wrap:wrap;gap:25px;align-items:center;justify-content:space-between}.journal-toolbar>div{display:flex;flex-wrap:wrap;gap:9px}.journal-toolbar button{background:transparent;border:1px solid #d9dbd1;padding:6px 15px;border-radius:2px;cursor:pointer;font-size:12px}.journal-toolbar button[aria-pressed=true]{background:#2c4439;border-color:#2c4439;color:white}.journal-toolbar label{font-size:12px;color:#58644f}.journal-toolbar input{display:block;width:245px;padding:8px 12px;border:1px solid #cbd1c5;background:transparent;border-radius:2px}.journal-toolbar>p{width:100%;font-size:12px;color:#58644f;margin:0}.journal-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px}.journal-card{display:block;background:#fff;text-decoration:none;transition:transform .2s}.journal-card:hover{transform:translateY(-4px)}.journal-card[hidden]{display:none}.journal-cover{height:220px;overflow:hidden;position:relative;background:#e7e9e0}.journal-cover img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}.journal-card:hover img{transform:scale(1.025)}.journal-cover>span{position:absolute;left:0;bottom:0;background:#344f41;color:#fff;padding:4px 15px;font-size:12px}.journal-card-body{padding:24px 25px 28px}.journal-card-body small{font-size:12px;color:#58644f;letter-spacing:.04em}.journal-card-body h2{font-family:"Yu Mincho",serif;font-size:20px;line-height:1.7;margin:10px 0 12px}.journal-card-body p{font-size:13px;color:#58644f;margin:0 0 20px}.journal-arrow{font-size:12px;color:var(--accent)}.journal-cta{max-width:1100px;margin:90px auto;background:#e9ece1;padding:50px;text-align:center}.journal-cta h2{font-family:"Yu Mincho",serif;font-size:32px;font-weight:500}.journal-cta p{font-size:14px;color:#58644f}.journal-cta a{display:inline-block;background:#2d4639;color:white;text-decoration:none;padding:13px 25px;margin-top:16px}.journal-footer{max-width:1100px;margin:70px auto 0;border-top:1px solid #d8dccf;padding:45px 0;font-size:12px}.journal-footer>a{font-family:"Yu Mincho",serif;font-size:22px;text-decoration:none}.journal-footer p:last-child{display:flex;justify-content:space-between;margin-top:30px;color:#58644f}.journal-article{max-width:1100px;margin:40px auto}.journal-breadcrumb{font-size:12px;color:#58644f}.article-header{max-width:810px;margin:60px auto 35px}.article-category{color:var(--accent);font-size:13px}.article-header>p:not(.article-lead){font-size:12px;color:#58644f}.article-header h1{font-family:"Yu Mincho",serif;font-size:clamp(28px,4vw,43px);line-height:1.65;font-weight:600;letter-spacing:.03em}.article-lead{font-size:16px;color:#58644f}.article-notice{max-width:810px;margin:30px auto;font-size:12px;border-left:2px solid #afbba3;padding:8px 15px;color:#58644f}.article-cover{max-width:810px;height:340px;overflow:hidden;margin:40px auto}.article-cover img{width:100%;height:100%;object-fit:cover;object-position:top}.article-toc{max-width:730px;margin:40px auto;padding:25px 30px;background:#ecefe5;display:grid;gap:10px;font-size:13px}.article-toc a{text-decoration:none}.article-body{max-width:730px;margin:50px auto}.article-body section{scroll-margin-top:30px;margin-bottom:50px}.article-body h2{font-family:"Yu Mincho",serif;font-size:25px;border-bottom:1px solid #d3d9c9;padding-bottom:15px}.article-body p{font-size:15px;line-height:2.2;letter-spacing:.02em}.article-editor{max-width:730px;margin:40px auto;background:white;border-top:2px solid #819477;padding:25px 30px;font-size:12px}.journal-related{margin:70px auto}.journal-related>h2{font-family:"Yu Mincho",serif;font-size:25px;text-align:center;margin-bottom:30px}.journal-related .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:810px}.article-back{display:block;text-align:center;font-size:13px}.journal-skip{position:absolute;left:20px;top:-100px}.journal-skip:focus{top:20px;background:white;z-index:5}@media(max-width:900px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-notice,.journal-toolbar,.journal-grid,.journal-footer,.journal-article{margin-left:25px;margin-right:25px}.journal-cta{margin-left:25px;margin-right:25px}.journal-hero>b{right:15px;font-size:210px}.journal-header{padding:15px 25px}.journal-header nav{gap:18px}.journal-related .journal-grid{margin:0}}@media(max-width:560px){.journal-header{flex-wrap:wrap;gap:10px;padding:16px 20px}.journal-header nav{font-size:12px;gap:18px}.journal-demo{padding:6px 12px}.journal-hero{padding:50px 25px}.journal-hero>b{font-size:160px;right:-25px;top:35px}.journal-hero p{font-size:13px}.journal-grid,.journal-related .journal-grid{grid-template-columns:1fr}.journal-cover{height:230px}.journal-toolbar{gap:20px}.journal-cta{padding:30px 20px;margin-top:55px}.journal-cta h2{font-size:26px}.article-header{margin-top:35px}.article-cover{height:230px}.article-toc{padding:20px}.article-body p{font-size:14px}.article-body h2{font-size:22px}.journal-breadcrumb{font-size:10px}}