/* Illustrated magazine details */
.mag-header .news-bar{background:#173f35}.mag-logo{color:#153d33}.feature-stage{border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #1d40300b}.feature-photo{background:#e8f0dd}.feature-code{background:#f8e3ce}.feature-auto{background:#e1edf4}.feature-copy>a{max-width:260px;min-height:52px;padding:15px 21px;background:#174d3c;color:white;border:1px solid #174d3c;border-radius:7px;box-shadow:0 4px 0 #0c3227;align-items:center;transition:transform .18s,box-shadow .18s,background .18s;gap:12px}.feature-copy>a b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff24;font-size:17px;transition:transform .18s}.feature-copy>a:hover{transform:translateY(-3px);box-shadow:0 7px 0 #0c3227;background:#22654e}.feature-copy>a:hover b{transform:translate(2px,-2px)}.feature-copy>a:active{transform:translateY(3px);box-shadow:0 1px 0 #0c3227}.feature-copy>span{padding:7px 10px;background:#fff9;border:1px solid #173f3525;border-radius:5px;font-size:10px;display:inline-block;letter-spacing:1.5px}.feature-copy h1,.feature-copy h2{margin-top:20px}.feature-code .feature-art,.feature-auto .feature-art{width:100%;height:100%;min-height:460px;max-height:510px;object-fit:cover;display:block}.feature-controls{padding:15px 23px;background:#fff}.feature-controls button{border-radius:50%;border:1px solid #c7d4c7;color:#174d3c;width:38px;height:38px;transition:background .2s,transform .2s}.feature-controls button:hover{background:#e9f2df;transform:scale(1.08)}.quick-paths{gap:18px;margin-top:29px}.quick-paths a{border:1px solid #e4e4d9;border-bottom:3px solid #bccbb6;border-radius:10px;background:#f6f7ed;min-height:93px;padding:21px 24px 21px 83px;transition:transform .2s,box-shadow .2s;overflow:hidden}.quick-paths a:before{content:'✦';display:grid;place-items:center;position:absolute;width:43px;height:43px;left:22px;top:25px;border-radius:12px;background:#d7e8c7;color:#285640;font-size:26px;transform:rotate(-7deg)}.quick-paths a:nth-child(2){background:#fff1e5;border-color:#f0ddca;border-bottom-color:#d6b899}.quick-paths a:nth-child(2):before{content:'⌘';background:#f4d7bc;color:#8f563c}.quick-paths a:nth-child(3){background:#eaf3f9;border-color:#d7e6ed;border-bottom-color:#acc7d6}.quick-paths a:nth-child(3):before{content:'Aa';font-family:Georgia,serif;font-size:20px;background:#cde1ed;color:#365d76}.quick-paths a>b{right:19px;bottom:20px;background:white;border:1px solid #e1e3d9;border-radius:50%;display:grid;place-items:center;width:25px;height:25px}.quick-paths a:hover{transform:translateY(-4px);box-shadow:0 8px 16px #2440320e}.quick-paths a{font-size:12px}.editorial-section{padding-top:65px!important}.editorial-heading h2:before{content:'';display:inline-block;width:7px;height:23px;background:#eebd61;margin-right:11px;vertical-align:baseline;border-radius:2px}.editorial-heading>a{padding:10px 14px;border:1px solid #c7d2c6;border-radius:4px;background:#fff;font-size:10px;color:#214b39;transition:background .2s}.editorial-heading>a:hover{background:#edf3e5}.editorial-grid{gap:24px}.editorial-card{background:#fff;border:1px solid #e4e7de;border-radius:12px;overflow:hidden;box-shadow:0 4px 0 #f0f2ea;transition:transform .2s,box-shadow .2s}.editorial-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #23422e12}.cover{padding:0;border-radius:0;aspect-ratio:1.22}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.cover>span{background:#fffef3ed;color:#234338;padding:5px 9px;border-radius:4px;border:1px solid #d7daca;z-index:2;left:12px;top:12px;box-shadow:0 2px 7px #0001}.cover>small{bottom:0;left:0;right:0;padding:20px 12px 9px;color:#fff;background:linear-gradient(transparent,#102d2ab3);font-size:8px;z-index:2}.cover:after{display:none}.editorial-card:hover .cover img{transform:scale(1.045)}.editorial-body{padding:18px 17px 17px}.editorial-body h3{font-size:13px;line-height:1.9}.editorial-body p{font-size:11px}.editorial-read{background:#edf3e5;border:1px solid #d9e4d0;border-radius:5px;padding:10px 11px;font-size:10px;letter-spacing:.1px;color:#25513b}.editorial-read b{background:#fff;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:13px}.editorial-read{align-items:center}.theme-grid{border:0;gap:18px}.theme-grid>a{background:#fff;border:1px solid #e3e5dc;border-radius:12px;padding:0 0 22px;overflow:hidden;transition:transform .2s,box-shadow .2s}.theme-grid>a:hover{transform:translateY(-4px);background:white;box-shadow:0 10px 20px #24403210}.theme-grid .theme-image{width:100%;height:155px;object-fit:cover;display:block;margin-bottom:20px}.theme-number{z-index:2;left:12px;top:12px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#fffdf1ed;color:#41624b;font-weight:700}.theme-grid h3{font-size:16px}.theme-grid p{padding:0 12px;min-height:36px;font-size:11px}.theme-go{display:inline-block;padding:9px 20px;border:1px solid #cedbcc;border-radius:25px;background:#edf3e5;color:#25513b;font-size:11px}.note-feature{border-radius:15px;overflow:hidden;background:#f0f3e8}.note-feature a{padding:13px 20px;background:#174d3c;border:0;border-radius:5px;color:white;margin-top:12px;box-shadow:0 3px 0 #0c3227;font-size:12px}.mag-footer{background:#f3f5ee}.site-search{border-radius:5px;background:#f9faf6;border-color:#d4ded1}.site-search input{background:transparent}.category-bar a{padding:0 4px}.category-bar a:hover{color:#174d3c;border-bottom-color:#e6ad50}.index-list .card{border:1px solid #e1e6db;border-radius:11px;overflow:hidden;box-shadow:0 4px 0 #f1f3ec}.index-list .card-body{padding:20px}.index-list .card:hover{box-shadow:0 10px 22px #24403210;transform:translateY(-4px)}.index-list [data-category]:before{content:''!important;min-height:0;height:auto;aspect-ratio:1.5;padding:0;display:block;background-image:url('/assets/afterwork-hero.webp');background-position:center;background-size:cover}.index-list [data-category="Claude Code"]:before,.index-list [data-category="PCツール"]:before{background-image:url('/assets/tool-workshop-v5.webp')}.index-list [data-category="自動化"]:before{background-image:url('/assets/automation-workshop-v5.webp')}.index-list [data-category="記事づくり"]:before{background-position:60% 55%}.index-list h2{font-size:15px}.index-list .read{display:flex;align-items:center;justify-content:space-between;background:#edf3e5;border:1px solid #d9e4d0;padding:10px 12px;border-radius:5px;font-size:11px;color:#25513b}.index-list .tag{display:inline-block;align-self:flex-start;padding:3px 8px;background:#f3f5ec;border-radius:4px;color:#4f694e}.topic-links button{border-radius:5px}.topic-links button[aria-pressed=true]{background:#174d3c;border-color:#174d3c}.article-search button{background:#174d3c;border-radius:4px}.article-cta{background:#eff4e6;border-radius:10px}.article-cta>a{display:inline-block;padding:11px 15px;border-radius:5px;background:#174d3c;color:white;font-size:12px;margin-top:10px}.prose .btn{border-radius:6px;background:#174d3c;box-shadow:0 3px 0 #0c3227;line-height:1.8}.reading-layout>nav.contents{background:#f6f8f1;border-radius:10px;border-color:#dfe6d7}.article-wrap>.eyebrow{background:#edf3e4;color:#3e644c;border-radius:4px}.article-illustration{border-radius:10px}.prose h2{border-left-color:#e9b45e}.related>a:hover{color:#174d3c;background:#f7f9f2}.feature-copy h1,.feature-copy h2{color:#173e31}.article-wrap .prose a:not(.btn){color:#205e40}.mag-home a:focus-visible{outline:3px solid #d9903d;outline-offset:4px}
@media(max-width:1000px) and (min-width:761px){.quick-paths a{padding-left:65px;font-size:11px}.quick-paths a:before{left:13px;width:37px;height:37px}.quick-paths a>b{display:none}.theme-grid .theme-image{height:130px}.editorial-body{padding:15px}.feature-code .feature-art,.feature-auto .feature-art{min-height:380px}}
@media(max-width:760px){.feature-stage{border-radius:0;box-shadow:none}.feature-copy>a{min-height:47px;max-width:230px;font-size:12px;padding:11px 17px;margin-top:18px}.feature-copy h1,.feature-copy h2{font-size:29px}.feature-copy>span{font-size:8px;padding:5px 8px}.feature-code .feature-art,.feature-auto .feature-art{height:235px;min-height:0;max-height:none}.feature-controls{padding:12px 19px}.feature-controls button{width:35px;height:35px}.quick-paths{gap:11px;margin-top:17px}.quick-paths a{min-height:83px;padding:17px 45px 17px 74px;font-size:11px}.quick-paths a:before{left:17px;top:20px;width:38px;height:38px;font-size:24px}.quick-paths a:nth-child(3):before{font-size:18px}.quick-paths a>b{right:14px;bottom:21px}.editorial-section{padding-top:42px!important}.editorial-heading h2{font-size:22px}.editorial-heading h2:before{height:18px;width:5px;margin-right:8px}.editorial-heading h2 span{font-size:9px}.editorial-heading>a{padding:8px 9px;font-size:8px}.editorial-grid{gap:20px 13px}.cover{aspect-ratio:1.05}.cover>span{font-size:7px;padding:4px 6px;left:8px;top:8px}.cover>small{font-size:6px;padding:18px 8px 7px}.editorial-body{padding:12px 11px}.editorial-body h3{font-size:11px;line-height:1.85;margin:7px 0 15px}.editorial-read{font-size:9px;padding:8px 7px;gap:4px;letter-spacing:0}.editorial-read b{width:19px;height:19px;flex-shrink:0;font-size:12px}.editorial-tag{font-size:7px}.theme-grid{gap:13px}.theme-grid .theme-image{height:120px;margin-bottom:14px}.theme-grid h3{font-size:14px;margin-bottom:8px}.theme-grid p{font-size:9px;line-height:1.8;padding:0 9px;min-height:32px}.theme-grid>a{padding-bottom:17px}.theme-go{padding:7px 16px;font-size:10px}.theme-number{width:23px;height:23px;font-size:8px;left:8px;top:8px}.note-feature{border-radius:11px}.note-feature a{font-size:11px;padding:12px 17px}.index-list .card-body{padding:12px}.index-list [data-category]:before{height:auto;min-height:0;aspect-ratio:1.12}.index-list h2{font-size:11px;margin-bottom:15px}.index-list .read{font-size:9px;padding:8px}.index-list .tag{font-size:7px;padding:3px 6px}.index-list{gap:20px 13px}.article-cta>a{font-size:11px}.prose .btn{font-size:12px;padding:12px 16px}.feature-copy p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.editorial-card,.quick-paths a,.feature-copy>a,.feature-copy>a b,.feature-controls button,.cover img,.theme-grid>a,.editorial-heading>a{transition:none}}