:root{color-scheme:light;--ink: #10224c;--ink-soft: #314363;--muted: #6d7890;--paper: #fffdf8;--paper-2: #f7f3eb;--wash: #eef5ff;--blue: #244f89;--blue-deep: #15305c;--blue-pale: #dfeafe;--gold: #c79b42;--mint: #d9eee7;--lavender: #e6e3fb;--line: rgba(27, 42, 77, .14);--shadow-sm: 0 4px 10px rgba(21, 35, 64, .12), inset 0 1px 0 rgba(255,255,255,.78);--shadow-md: 0 16px 34px rgba(21, 35, 64, .15), 0 2px 6px rgba(21, 35, 64, .08), inset 0 1px 0 rgba(255,255,255,.9);--shadow-inset: inset 0 2px 4px rgba(255,255,255,.9), inset 0 -5px 12px rgba(30, 50, 88, .08);font-family:Noto Sans JP,Yu Gothic,Hiragino Kaku Gothic ProN,system-ui,sans-serif;line-height:1.75;color:var(--ink-soft);background:radial-gradient(circle at 86% 8%,rgba(157,184,225,.42),transparent 24rem),radial-gradient(circle at 12% 16%,rgba(255,255,255,.9),transparent 20rem),linear-gradient(135deg,#fffdf8,#f7f7f1 44%,#edf4ff)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff75,#ffffff75),repeating-linear-gradient(90deg,rgba(16,34,76,.025) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,rgba(16,34,76,.018) 0 1px,transparent 1px 42px)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.42;background-image:radial-gradient(rgba(16,34,76,.08) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply}::selection{background:#d9e7ff;color:var(--ink)}a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:.22em}a:hover{color:var(--blue-deep)}a:focus-visible,.button:focus-visible{outline:3px solid rgba(199,155,66,.62);outline-offset:4px}.site-header{align-items:center;background:#fffdf8e0;border:1px solid rgba(21,35,64,.12);border-radius:14px;box-shadow:var(--shadow-md);display:flex;gap:24px;justify-content:space-between;margin:18px auto 0;max-width:1180px;padding:14px clamp(16px,3vw,34px);position:sticky;top:12px;z-index:20;backdrop-filter:blur(14px)}.site-title{color:var(--ink);display:inline-flex;font-family:"Noto Serif JP",Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(1.3rem,2.3vw,1.9rem);font-weight:700;line-height:1.1;padding-bottom:7px;position:relative;text-decoration:none;white-space:nowrap}.site-title:after{background:linear-gradient(90deg,var(--gold),transparent);bottom:0;content:"";height:2px;left:0;position:absolute;width:42px}.site-header nav{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:flex-end}.site-header nav a{align-items:center;border-radius:999px;color:var(--ink);display:inline-flex;font-weight:700;min-height:44px;padding:9px 14px;text-decoration:none;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.site-header nav a:hover{background:#ffffffbd;box-shadow:var(--shadow-sm);transform:translateY(-1px)}main{margin:0 auto;max-width:1180px;padding:clamp(28px,5vw,58px) clamp(16px,4vw,48px)}.site-footer{background:#fffdf8d1;border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding:22px clamp(16px,4vw,48px);text-align:center}h1,h2,h3{color:var(--ink);font-family:"Noto Serif JP",Yu Mincho,Hiragino Mincho ProN,serif;letter-spacing:0;line-height:1.35}h1{font-size:clamp(2.25rem,7vw,4.6rem);margin:0 0 18px}h2{font-size:clamp(1.55rem,3vw,2.15rem);margin:0 0 16px}h3{font-size:1.18rem}p{margin-top:0}h1,h2,h3,p,a,li{overflow-wrap:anywhere}.eyebrow{align-items:center;color:var(--blue);display:inline-flex;font-size:.92rem;font-weight:700;gap:8px;margin-bottom:12px}.eyebrow:after{background:var(--gold);content:"";height:1px;width:28px}.meta,.disclosure{color:var(--muted);font-size:.94rem}.meta{display:flex;flex-wrap:wrap;gap:8px 18px}.disclosure{background:#ffffffbd;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm);padding:12px 14px}.hero,.page-hero{background:linear-gradient(90deg,#fffdf8f5,#fffdf8c2 48%,#dbeafec2);border-radius:22px;margin-bottom:28px;min-height:360px;overflow:hidden;padding:clamp(28px,5vw,58px);position:relative}.hero:before,.page-hero:before{background:#ffffff85;border-radius:50%;bottom:14px;box-shadow:inset 0 -15px 24px #10224c14,0 22px 45px #1523401f;content:"";height:150px;position:absolute;right:clamp(18px,9vw,120px);width:min(46vw,460px)}.hero:after,.page-hero:after{background:radial-gradient(circle at 72% 28%,#7d95bd 0 18%,transparent 19%),radial-gradient(circle at 40% 42%,#c6d2e6 0 22%,transparent 23%),radial-gradient(circle at 18% 60%,#b8b8db 0 17%,transparent 18%);border-radius:48% 52% 18% 18%;bottom:94px;content:"";height:180px;opacity:.86;position:absolute;right:clamp(60px,18vw,260px);width:min(40vw,390px)}.hero{background-image:linear-gradient(90deg,#fffdf8fa,#fffdf8e0 42%,#fffdf86b 68%,#fffdf81f),url(/images/hero-smallworks.png);background-position:center right;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(21,35,64,.1);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;min-height:clamp(420px,42vw,520px)}.hero:before,.hero:after{display:none}.hero h1,.hero p:not(.eyebrow){max-width:620px;text-shadow:0 1px 0 rgba(255,255,255,.72)}.hero>*,.page-hero>*{position:relative;z-index:1}.hero p:not(.eyebrow),.page-hero p:not(.eyebrow){color:var(--ink-soft);font-size:clamp(1rem,1.8vw,1.18rem);max-width:620px}.breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.breadcrumb a,.breadcrumb span{color:var(--muted);font-size:.92rem;text-decoration:none}.page-hero-copy{max-width:560px}.hero-still-life{bottom:44px;height:260px;pointer-events:none;position:absolute;right:clamp(18px,6vw,88px);width:min(44vw,430px);z-index:2}.open-book,.paper-stack,.plant-pot,.coin-chart{display:block;position:absolute}.open-book{background:linear-gradient(90deg,#f7efe0 0 48%,#e5d8c5 49% 50%,#fff8eb 51% 100%);border:1px solid rgba(91,73,45,.18);border-radius:10px 10px 18px 18px;bottom:42px;box-shadow:0 16px 22px #1523402e,inset 0 0 0 8px #ffffff59;height:116px;left:104px;transform:rotate(5deg) skew(-4deg);width:190px}.open-book:before,.open-book:after{background:repeating-linear-gradient(0deg,rgba(16,34,76,.22) 0 1px,transparent 1px 12px);content:"";height:68px;position:absolute;top:24px;width:66px}.open-book:before{left:24px}.open-book:after{right:24px}.paper-stack{background:linear-gradient(135deg,#f9f3e9,#e7ded1);border:1px solid rgba(91,73,45,.14);border-radius:8px;bottom:58px;box-shadow:0 12px 18px #15234024;height:112px;left:42px;transform:rotate(-7deg);width:118px}.paper-stack:before{border:2px solid rgba(16,34,76,.22);content:"";inset:24px 18px 28px;position:absolute}.plant-pot{background:linear-gradient(145deg,#dce5ec,#9fb0bf);border-radius:10px 10px 18px 18px;bottom:42px;box-shadow:0 12px 18px #15234024,inset 10px 0 18px #ffffff52;height:84px;right:42px;width:62px}.plant-pot:before,.plant-pot:after{background:linear-gradient(135deg,#87a985,#446a4c);border-radius:100% 0;content:"";height:64px;position:absolute;top:-58px;width:30px}.plant-pot:before{left:-4px;transform:rotate(-22deg)}.plant-pot:after{right:-2px;transform:rotate(28deg)}.coin-chart{background:linear-gradient(145deg,#d8b76c,#b98c36);border-radius:50%;bottom:50px;box-shadow:0 13px 18px #15234029,inset 6px 8px 16px #ffffff47;height:82px;right:-4px;width:82px}.coin-chart:before{border-right:3px solid rgba(255,255,255,.75);border-top:3px solid rgba(255,255,255,.75);content:"";height:24px;left:25px;position:absolute;top:30px;transform:rotate(-28deg);width:28px}.category-tabs{background:#fffdf8db;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:14px;margin:-10px 0 22px;max-width:880px;padding:14px}.category-tabs a,.category-list a{align-items:center;background:linear-gradient(180deg,#fff,#f7f2ea);border:1px solid rgba(16,34,76,.12);border-radius:999px;box-shadow:var(--shadow-sm);color:var(--ink);display:inline-flex;font-weight:700;min-height:44px;padding:10px 22px;text-decoration:none}.category-tabs a.active,.button{background:linear-gradient(180deg,#3868a4 0%,var(--blue-deep) 100%);border:1px solid rgba(9,23,50,.18);box-shadow:0 10px 18px #17376840,inset 0 1px #ffffff61,inset 0 -8px 14px #0000001f;color:#fff}.content-grid{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.article-list{display:grid;gap:18px}.article-card,.cta-box,.article-page,.related-articles,.side-panel{background:linear-gradient(180deg,#ffffffdb,#fffdf8f5),var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md)}.article-card{display:grid;gap:clamp(18px,3vw,26px);grid-template-columns:minmax(220px,.43fr) minmax(0,1fr);overflow:hidden;padding:clamp(14px,2vw,18px);transition:transform .18s ease,box-shadow .18s ease}.article-card:hover{box-shadow:0 22px 46px #1523402e,0 2px 8px #15234014,inset 0 1px #ffffffe6;transform:translateY(-2px)}.article-card-visual{background:linear-gradient(145deg,#f6f1e9,#e8eff9);border:1px solid rgba(36,79,137,.28);border-radius:8px;box-shadow:var(--shadow-inset);display:block;min-height:176px;overflow:hidden;position:relative}.article-card-visual:before{background:linear-gradient(90deg,transparent 0 48%,rgba(16,34,76,.12) 49% 51%,transparent 52% 100%);border:1px solid rgba(88,72,42,.16);border-radius:4px;bottom:28px;content:"";height:96px;position:absolute;right:28px;transform:rotate(4deg);width:112px}.article-card-visual:after{background:linear-gradient(180deg,#dbeafef0,#e7eef7f0);bottom:0;color:var(--ink);content:"Markdown";font-family:"Noto Serif JP",Yu Mincho,serif;font-weight:700;left:0;padding:8px 12px;position:absolute;right:0;text-align:center}.desk-object.calculator{background:linear-gradient(145deg,#efe9dd,#cec6b8);border-radius:8px;box-shadow:0 10px 14px #15234024,inset 0 1px #ffffff9e;height:116px;left:24px;top:26px;width:76px}.desk-object.calculator:before{background:#9a9a8d;border-radius:3px;content:"";height:20px;left:12px;position:absolute;right:12px;top:12px}.desk-object.calculator:after{background-image:radial-gradient(#fffaf0 0 4px,transparent 5px);background-size:18px 18px;content:"";inset:42px 10px 10px;position:absolute}.desk-object.notebook{background:repeating-linear-gradient(0deg,#fbf7ef 0 12px,#e1d7c7 13px 14px);border:1px solid rgba(88,72,42,.15);border-radius:5px;box-shadow:0 10px 14px #1523401f;height:102px;right:38px;top:28px;transform:rotate(5deg);width:92px}.desk-object.pen{background:linear-gradient(90deg,#0c203f,#2d4e7c 48%,#0c203f,#d6a34a 56%,#f1d18c 64%,#0c203f 65%);border-radius:999px;box-shadow:0 8px 12px #1523402e;height:10px;left:96px;top:88px;transform:rotate(88deg);width:126px}.article-card-body{align-self:center;min-width:0;padding:6px 4px}.article-card h2{font-size:clamp(1.25rem,2.4vw,1.8rem);margin:0 0 12px}.article-card h2 a{color:var(--ink);text-decoration:none}.article-card p:not(.eyebrow):not(.meta){font-size:1rem;margin-bottom:14px}.article-card-link{align-items:center;color:var(--blue-deep);display:inline-flex;font-weight:800;gap:8px;text-decoration:none}.side-panel{padding:20px;position:sticky;top:112px}.side-panel h2{font-size:1.35rem;margin-bottom:18px}.side-panel ul{display:grid;gap:10px;list-style:none;margin:0 0 16px;padding:0}.side-panel li a{align-items:center;background:linear-gradient(180deg,#fff,#f6f2ec);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm);color:var(--ink);display:flex;justify-content:space-between;min-height:52px;padding:10px 14px;text-decoration:none}.side-panel-link{font-weight:700}.category-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding-left:0}.button{border-radius:999px;display:inline-flex;font-weight:800;min-height:46px;padding:11px 20px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.button:hover{color:#fff;transform:translateY(-1px)}.button.disabled{background:#94a3b8}.article-page{margin:0 auto;max-width:860px;padding:clamp(22px,4vw,48px)}.article-page h1{font-size:clamp(2rem,5vw,3.4rem)}.article-page h2{border-top:1px solid var(--line);margin-top:42px;padding-top:28px}.article-page p,.article-page li{font-size:1.02rem}.cta-box{margin:28px 0;padding:20px}.cta-note{margin:0 0 12px}.cta-soft{background:linear-gradient(180deg,#f0f8ffeb,#fffdf8f2);border-color:#244f892e}.cta-secondary{background:linear-gradient(180deg,#ffffffe6,#f7f3ebeb)}.cta-list{display:grid;gap:14px}.related-articles{margin:34px 0;padding:22px}.related-articles ul{margin-bottom:0}.article-page table{border-collapse:separate;border-spacing:0;display:block;margin:22px 0;overflow-x:auto;width:100%}.article-page th,.article-page td{background:#fffdf8e0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.article-page th{background:#eaf2ff;color:var(--ink)}.article-page tr>*:first-child{border-left:1px solid var(--line)}.article-page tr:first-child>*{border-top:1px solid var(--line)}@media(max-width:920px){.site-header{align-items:flex-start;flex-direction:column;position:static}.site-header nav{justify-content:flex-start}.content-grid{grid-template-columns:1fr}.side-panel{position:static}.hero-still-life{opacity:.38;right:-26px;width:360px}.article-index-hero,.category-hero{grid-template-columns:1fr}.page-hero-image{min-height:250px}.article-card{grid-template-columns:1fr}.article-card-visual{min-height:210px}}@media(max-width:640px){main,.hero,.page-hero,.page-hero-copy,.category-tabs,.article-card,.side-panel,.article-page{max-width:100%;overflow-x:hidden;width:100%}.hero p:not(.eyebrow),.page-hero p:not(.eyebrow){line-break:strict;max-width:100%;width:100%;word-break:normal}main{padding-inline:14px}.site-header{border-radius:0 0 14px 14px;margin-top:0;width:100%}.site-title{white-space:normal}.site-header nav{display:grid;grid-template-columns:1fr;width:100%}.site-header nav a{justify-content:center;min-width:0;padding-inline:8px;text-align:center;white-space:normal}.hero,.page-hero{min-height:auto;padding:28px 20px}.hero{background-image:linear-gradient(90deg,#fffdf8f7,#fffdf8e6),url(/images/hero-smallworks.png);background-position:62% center}.hero p:not(.eyebrow){max-width:min(100%,19rem)}.hero:before,.hero:after,.page-hero:before,.page-hero:after,.hero-still-life{display:none}.category-tabs{margin-top:0}.category-tabs a{width:100%;justify-content:center}.article-page{padding:20px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.article-index-hero .breadcrumb,.category-hero .breadcrumb{grid-column:1 / -1;margin-bottom:0}.article-index-hero .page-hero-copy,.category-hero .page-hero-copy{grid-column:1;min-width:0}.article-index-hero .page-hero-image,.category-hero .page-hero-image{grid-column:2;grid-row:2}.article-index-hero,.category-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:clamp(18px,4vw,44px);align-items:center}.article-index-hero:before,.article-index-hero:after,.category-hero:before,.category-hero:after{display:none}.page-hero-image{align-self:stretch;margin:0;min-width:0;background-color:#f8f3eb;background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(21,35,64,.12);border-radius:16px;box-shadow:var(--shadow-md);min-height:270px;overflow:hidden}.article-index-hero-image{background-image:linear-gradient(90deg,#fffdf81f,#fffdf805),url(/images/hero-articles-flow.png)}.category-hero-image{background-image:linear-gradient(90deg,#fffdf814,#fffdf805),url(/images/article-detail-comparison.png);background-position:center 42%}.article-card-visual.image-visual{background:#f8f3eb;min-height:190px}.article-card-visual.image-visual:before,.article-card-visual.image-visual:after{display:none}.article-card-visual.image-visual img,.article-feature-image img{display:block;height:100%;object-fit:cover;width:100%}.article-card-visual.image-visual img{min-height:190px}.article-feature-image{background:#f8f3eb;border:1px solid rgba(21,35,64,.12);border-radius:16px;box-shadow:var(--shadow-md);margin:24px 0 28px;overflow:hidden}.article-feature-image img{aspect-ratio:3 / 2}@media(max-width:920px){.article-index-hero,.category-hero{grid-template-columns:1fr}.article-index-hero .breadcrumb,.category-hero .breadcrumb,.article-index-hero .page-hero-copy,.category-hero .page-hero-copy,.article-index-hero .page-hero-image,.category-hero .page-hero-image{grid-column:1;grid-row:auto}}@media(max-width:640px){.article-index-hero,.category-hero{gap:18px}.article-index-hero .page-hero-copy,.category-hero .page-hero-copy{max-width:100%}.article-index-hero .page-hero-image,.category-hero .page-hero-image{min-height:190px;opacity:.8}.article-index-hero p:not(.eyebrow),.category-hero p:not(.eyebrow){line-break:anywhere;max-width:min(100%,18.5rem);overflow-wrap:anywhere}}:root{--ink: #10233f;--ink-soft: #1b2b42;--muted: #66758a;--paper: #f8faf9;--paper-2: #fbf7ee;--wash: #dbe9f4;--blue: #10233f;--blue-deep: #10233f;--teal: #079a9a;--gold: #d7ae54;--line: rgba(27, 43, 66, .1);--shadow-sm: 6px 6px 14px rgba(28, 48, 70, .09), -6px -6px 14px rgba(255, 255, 255, .9);--shadow-md: 8px 8px 18px rgba(28, 48, 70, .1), -8px -8px 18px rgba(255, 255, 255, .9);--shadow-inset: inset 2px 2px 5px rgba(28, 48, 70, .06), inset -2px -2px 5px rgba(255, 255, 255, .85)}html,body{background:linear-gradient(135deg,#f4f7f8,#fbfaf6)}body:before,body:after{opacity:.22}.site-header{background:#f8faf9e6;border:1px solid rgba(255,255,255,.78);border-radius:24px;box-shadow:var(--shadow-md)}.site-title{align-items:center;gap:10px;padding-bottom:0}.site-title:after{display:none}.brand-mark{align-items:center;background:linear-gradient(145deg,#fff,#e8f1f2);border:3px solid var(--teal);border-radius:8px 8px 10px 10px;box-shadow:var(--shadow-sm);color:var(--ink);display:inline-flex;font-family:system-ui,sans-serif;font-size:1rem;font-weight:900;height:34px;justify-content:center;line-height:1;position:relative;width:38px}.brand-mark:before,.brand-mark:after{background:var(--teal);content:"";height:3px;position:absolute;top:-7px;width:24px}.brand-mark:before{left:1px;transform:rotate(-34deg);transform-origin:right center}.brand-mark:after{right:1px;transform:rotate(34deg);transform-origin:left center}.site-header nav a,.category-tabs a,.category-list a,.side-panel li a,.button,.article-card,.cta-box,.related-articles,.side-panel{border-color:#ffffffc2}.site-header nav a,.category-tabs a,.category-list a{background:#f8faf9;box-shadow:var(--shadow-sm)}.site-header nav a:hover,.category-tabs a:hover,.category-list a:hover{box-shadow:4px 4px 10px #1c304617,-4px -4px 10px #ffffffe6}.hero,.page-hero{background:#f8faf9;border:1px solid rgba(255,255,255,.78);border-radius:24px;box-shadow:var(--shadow-md)}.hero{background-image:linear-gradient(90deg,#f8faf9fa,#f8faf9e0 42%,#f8faf959 70%,#f8faf914),url(/images/hero-smallworks.png);min-height:clamp(430px,43vw,540px)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.button{align-items:center;background:linear-gradient(145deg,#18375c,#10233f);border:1px solid rgba(255,255,255,.28);border-radius:999px;box-shadow:8px 8px 18px #1c30462e,-6px -6px 16px #ffffffc7,inset 1px 1px #ffffff3d;justify-content:center}.button:active,.category-tabs a.active,.category-list a:active{box-shadow:var(--shadow-inset);transform:translateY(1px)}.button-secondary{background:#f8faf9;color:var(--ink);box-shadow:var(--shadow-sm)}.button-secondary:hover{color:var(--ink)}.category-tabs{background:#f8faf9;border-color:#ffffffc2;border-radius:24px;box-shadow:var(--shadow-md)}.category-tabs a.active{background:#edf3f3;border-color:#079a9a29;color:var(--ink)}.tab-icon{background:linear-gradient(145deg,#fff,#e6eef0);border-radius:12px;box-shadow:var(--shadow-inset);display:inline-block;flex:0 0 auto;height:28px;margin-right:8px;position:relative;width:28px}.tab-icon:before,.tab-icon:after{content:"";position:absolute}.tab-icon-homepage:before,.tab-icon-all:before{border-bottom:9px solid var(--teal);border-left:9px solid transparent;border-right:9px solid transparent;left:5px;top:5px}.tab-icon-homepage:after,.tab-icon-all:after{background:var(--ink);border-radius:2px;height:9px;left:9px;top:14px;width:10px}.tab-icon-server:before{background:var(--ink);border-radius:4px;box-shadow:0 7px 0 var(--ink),0 14px 0 var(--ink);height:5px;left:6px;top:5px;width:16px}.tab-icon-ai:before{background:var(--gold);border-radius:50%;height:12px;left:8px;top:5px;width:12px}.tab-icon-ai:after{background:var(--ink);border-radius:2px;height:6px;left:11px;top:17px;width:6px}.article-card,.cta-box,.related-articles,.side-panel{background:#f8faf9;border-radius:20px;box-shadow:var(--shadow-md)}.article-card{align-items:center;border-radius:20px}.article-card-visual.image-visual,.page-hero-image,.article-feature-image,.visual-guide{border-color:#ffffffc7;border-radius:20px;box-shadow:var(--shadow-sm)}.article-card-link{align-items:center;background:#f8faf9;border-radius:999px;box-shadow:var(--shadow-sm);display:inline-flex;min-height:42px;padding:8px 14px}.article-page{background:#ffffffd1;border-radius:24px;box-shadow:6px 6px 16px #1c30460f,-6px -6px 16px #ffffffc7}.article-overview-image{max-height:300px}.article-overview-image img{aspect-ratio:16 / 9;object-position:center 52%}.visual-guide{background:#f8faf9;margin:24px 0;overflow:hidden;padding:clamp(10px,2vw,16px)}.visual-guide img{background:#fff;border-radius:16px;display:block;margin:0 auto;max-height:780px;max-width:100%;object-fit:contain;width:auto}.visual-guide figcaption{color:var(--muted);font-size:.92rem;line-height:1.7;margin-top:10px}@media(max-width:640px){.site-header{border-radius:0 0 24px 24px}.brand-mark{height:30px;width:34px}.hero{background-image:linear-gradient(90deg,#f8faf9f7,#f8faf9e6),url(/images/hero-smallworks.png)}.hero-actions{display:grid;grid-template-columns:1fr}.visual-guide img{max-height:none;width:100%}}.simple-hero h1{max-width:640px}.start-guide{margin:10px 0 34px}.start-card-list{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.start-card{background:#f8faf9;border:1px solid rgba(255,255,255,.78);border-radius:20px;box-shadow:var(--shadow-md);color:var(--ink-soft);display:grid;gap:8px;min-height:190px;padding:22px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.start-card:hover{color:var(--ink-soft);transform:translateY(-2px)}.start-card-label{align-items:center;background:#edf3f3;border-radius:999px;box-shadow:var(--shadow-inset);color:var(--teal);display:inline-flex;font-weight:800;justify-content:center;line-height:1.2;max-width:fit-content;min-height:34px;padding:6px 12px}.start-card strong{color:var(--ink);font-family:"Noto Serif JP",Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(1.15rem,2vw,1.38rem);line-height:1.45}.article-card-link:after{content:"→"}.cta-box .button,.hero-actions .button{min-width:min(100%,13rem)}.cta-note{color:var(--ink-soft);font-weight:600}@media(max-width:920px){.start-card-list{grid-template-columns:1fr}.start-card{min-height:auto}}