/* Desktop + mobile editorial layout */
html{scroll-padding-top:110px}body{color:#203c36}.intro,.card p,.meta,.breadcrumb,.article-lead{color:#53695d}.wrap{max-width:1280px}header nav.wrap{height:84px}.hero{grid-template-columns:1fr 1.13fr;gap:60px;padding-top:56px;padding-bottom:64px}.hero h1{font-size:clamp(38px,3.8vw,58px)}.scene{aspect-ratio:1.17}.hero .intro{font-size:15px}.hero .sub{font-size:12px}.cards{gap:24px;align-items:stretch}.cards>.card{display:flex;flex-direction:column}.cards .card-body{flex:1;display:flex;flex-direction:column}.cards .read{margin-top:auto;padding-top:17px}.cards .card p{margin-bottom:24px}.card h3{line-height:1.75}.site-reading .art{height:130px}.site-reading .art .number{font-size:70px}.section-head h2{font-size:31px}.section-head>.read{white-space:nowrap}.site-reading>.intro{font-size:15px}.article-wrap{max-width:1240px;padding:45px 38px 85px}.article-wrap>.article-title{max-width:930px;font-size:clamp(30px,3.1vw,43px);line-height:1.6}.article-wrap>.article-lead{max-width:860px}.article-wrap>.meta{max-width:850px}.article-illustration{max-width:850px;height:300px}.reading-layout{display:grid;grid-template-columns:minmax(0,790px) minmax(230px,290px);gap:52px;align-items:start;margin-top:32px}.reading-layout>.prose{grid-column:1;grid-row:1;width:100%;max-width:none;min-width:0}.reading-layout>nav.contents{grid-column:2;grid-row:1;position:sticky;top:108px;margin:0;padding:24px 20px;background:#edf2e7;border:1px solid #dce6d4;max-height:calc(100vh - 130px);overflow:auto;align-self:start;box-shadow:0 7px 22px #244a3510}.contents ol{padding-left:21px}.contents li{font-size:12px;line-height:1.8;margin:11px 0}.contents strong{font-size:14px}.prose section{padding:17px 0 29px}.prose h2{font-size:25px;line-height:1.7}.prose p,.prose li{font-size:16px;line-height:2.1}.prose pre{font-size:13px;line-height:1.9;overflow-x:auto;white-space:pre-wrap}.article-wrap>.related,.article-wrap>.article-cta{max-width:790px}.article-wrap:has(>.index-list){max-width:1260px}.index-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.index-list>.card{display:flex;flex-direction:column;min-width:0}.index-list .card:before{height:145px;flex-shrink:0;display:flex;align-items:center;padding:28px;content:'✎ 記事づくり';font-size:21px;font-weight:800;letter-spacing:1px;color:#345d44;background:radial-gradient(circle at 95% 120%,#fff8 0 90px,transparent 91px),linear-gradient(125deg,#e6edce,#cfdfbf)}.index-list [data-category="ChatGPT"]:before{content:'✦ ChatGPT';color:#1c5c50;background:radial-gradient(circle at 95% 120%,#fff9 0 90px,transparent 91px),linear-gradient(125deg,#e3f1dc,#bcdacb)}.index-list [data-category="Claude Code"]:before{content:'⌘ Claude Code';color:#92553f;background:radial-gradient(circle at 95% 120%,#fff9 0 90px,transparent 91px),linear-gradient(125deg,#f8e8d8,#f0cbb6)}.index-list [data-category="自動化"]:before{content:'↻ AUTOMATION';color:#3c5e7d;background:radial-gradient(circle at 95% 120%,#fff9 0 90px,transparent 91px),linear-gradient(125deg,#e3edf5,#bfd6df)}.index-list [data-category="PCツール"]:before{content:'▧ PC TOOLS';color:#6f5879;background:radial-gradient(circle at 95% 120%,#fff9 0 90px,transparent 91px),linear-gradient(125deg,#eee9f3,#d6cce6)}.index-list .card-body{padding:25px;flex:1;display:flex;flex-direction:column}.index-list h2{font-size:19px;line-height:1.85;margin:9px 0 14px;letter-spacing:0}.index-list p{font-size:13px;line-height:1.95;margin:0 0 23px}.index-list .read{margin-top:auto;padding-top:16px}.topic-links{justify-content:flex-start;gap:10px;margin:26px 0 15px}.topic-links button{padding:9px 18px;min-height:44px;font-weight:700}.topic-links button:hover{border-color:#3e7c60}.index-list [hidden]{display:none}.index-list .tag{font-size:11px}#article-count{font-size:12px;color:#617761;margin-bottom:23px}.guide-grid{gap:75px}.cta{margin-top:15px}.article-wrap .prose li{overflow-wrap:anywhere}.article-wrap .prose ul,.article-wrap .prose ol{padding-left:25px}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #d8954c;outline-offset:4px}
@media(min-width:1600px){.wrap{max-width:1360px}.hero{gap:85px;padding-top:75px;padding-bottom:75px}.hero h1{font-size:61px}.hero .intro{font-size:16px}.scene{aspect-ratio:1.25}.article-wrap{max-width:1290px}}
@media(min-width:761px) and (max-width:1100px){.reading-layout{grid-template-columns:minmax(0,1fr) 235px;gap:30px}.index-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:25px}.hero h1{font-size:38px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{font-size:14px}.links{gap:15px;font-size:12px}.article-wrap{padding-left:28px;padding-right:28px}}
@media(max-width:760px){html{scroll-padding-top:90px}header nav.wrap{height:70px;gap:9px}.wrap{padding-left:20px;padding-right:20px}.brand{font-size:11px;white-space:nowrap;letter-spacing:0}.brand b{width:25px;height:25px;margin-right:5px}.links{gap:9px}.links>a[href="/articles/"]{display:inline-flex;font-size:11px;white-space:nowrap}.links .pill{padding:8px 11px;font-size:10px;white-space:nowrap}.hero{grid-template-columns:1fr;gap:25px;padding-top:31px;padding-bottom:38px}.hero h1{font-size:clamp(32px,8.6vw,42px);margin-top:17px}.hero .intro{font-size:14px}.hero .sub{font-size:11px}.hero .btn{font-size:14px;min-height:48px}.scene{aspect-ratio:1.25;max-width:100%;margin-top:5px}.scene:after{left:15px}.strip{display:grid;grid-template-columns:1fr;gap:5px;padding:15px 19px;font-size:12px}.cards{grid-template-columns:1fr;gap:21px}.cards .card-body{padding:23px}.cards h3{font-size:18px}.cards p{font-size:14px}.site-reading .art{height:115px}.section-head h2{font-size:25px}.site-reading{padding-top:44px;padding-bottom:45px}.site-reading>.intro{font-size:14px}.guide-grid{gap:20px}.article-wrap,.article-wrap:has(>.index-list){padding:25px 20px 55px}.article-wrap>.article-title{font-size:27px;line-height:1.7}.article-wrap>.article-lead{font-size:15px}.article-illustration{height:205px}.reading-layout{display:flex;flex-direction:column;gap:20px;margin-top:25px}.reading-layout>nav.contents{position:static;width:100%;max-height:none;padding:22px;margin:0}.reading-layout>.prose{width:100%}.contents li{font-size:13px;line-height:1.9;margin:9px 0}.contents strong{font-size:15px}.prose section{padding:15px 0 24px}.prose h2{font-size:22px;padding-left:13px}.prose p,.prose li{font-size:15px;line-height:2.15}.prose pre{font-size:12px;padding:17px}.index-list{grid-template-columns:1fr;gap:22px}.index-list .card:before{height:115px;padding:24px;font-size:22px}.index-list h2{font-size:19px}.index-list .card-body{padding:23px}.index-list p{font-size:14px}.topic-links{gap:8px}.topic-links button{padding:8px 13px;font-size:12px}.breadcrumb{font-size:11px}.article-cta p{font-size:14px}.cta h2{font-size:26px}.step h3{font-size:15px}footer .wrap{row-gap:12px;line-height:1.8}}
@media(max-width:370px){.links>a[href="/articles/"]{display:none}.brand{font-size:10px}.hero h1{font-size:31px}.article-wrap>.article-title{font-size:25px}}