/* MANABU WORK LAB / 2026 refresh — 書体は端末内のものを使い、外部フォントに依存しない。 */
:root{--paper:#f6f7f2;--ink:#171b19;--muted:#657067;--line:#d9ded5;--lime:#d3f78a;--dark-line:#3b443e;--font:Inter,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif}
.site-brand-logo{display:block;width:204px;height:auto;max-width:100%}@media(max-width:760px){.site-brand-logo{width:165px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #579217;outline-offset:5px}h1,h2,h3,p,figure{margin:0}img{max-width:100%;height:auto;display:block}h1,h2,h3{overflow-wrap:anywhere}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.eyebrow{font:700 10px/1.5 var(--font);letter-spacing:.15em}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;z-index:200;top:10px;left:10px;padding:12px;background:var(--lime);color:var(--ink)}
.site-header{position:sticky;top:0;background:var(--ink);color:var(--paper);z-index:50;border-bottom:1px solid var(--dark-line)}.header-inner{height:92px;display:flex;align-items:center;gap:28px}.brand{display:flex;gap:12px;align-items:center;line-height:1.05;font-size:17px;letter-spacing:-.5px;font-weight:800}.brand-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;font:900 45px/1 Arial;color:var(--lime);padding-bottom:11px}.brand-icon>span{position:absolute;right:-4px;top:-7px;font-size:23px}.brand-dot{color:var(--lime)}.desktop-nav{display:flex;gap:33px;margin-left:auto;font-size:12px;font-weight:700}.desktop-nav a{padding:8px 0}.desktop-nav a:hover{color:var(--lime)}.search-button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #626a64;border-radius:50%;margin-left:14px}.search-button:hover{background:var(--lime);color:var(--ink)}.search-button svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none}.mobile-menu{display:none}
.hero{background:var(--ink);color:var(--paper)}.hero-overline{display:flex;gap:10px;align-items:center;padding-top:28px;font-size:9px;font-weight:600;letter-spacing:.11em}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}.hero-edition{margin-left:auto;color:#aab5ab;font-size:8px}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;padding:72px 0 78px}.hero-copy>.eyebrow{color:#b5c0b6;font-size:9px;letter-spacing:.13em}.hero h1{font-size:clamp(43px,5.2vw,74px);line-height:1.4;letter-spacing:-.065em;font-weight:800;margin:23px -3px 0}.hero h1 em{font-style:normal;color:var(--lime);white-space:nowrap}.hero-period{color:var(--lime)}.hero-description{font-size:13px;line-height:2.2;color:#bfc9c0;margin-top:27px}.hero-actions{display:flex;gap:29px;align-items:center;margin-top:32px}.button{display:inline-flex;gap:36px;justify-content:space-between;align-items:center;border:0;padding:16px 23px;font-size:12px;font-weight:700;border-radius:3px;line-height:1.5;min-height:53px;cursor:pointer;transition:transform .2s,background .2s}.button span{font-size:21px}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#e6ffbb}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#35463a}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.quiet-link{display:flex;gap:15px;align-items:center;font-size:11px;border-bottom:1px solid #6b776e;padding:8px 0}.quiet-link:hover{color:var(--lime)}.hero-bottom{padding:20px 0;display:flex;justify-content:space-between;border-top:1px solid var(--dark-line);font-size:10px;color:#bac5bc}.hero-bottom>a{display:flex;gap:30px;font-size:8px;letter-spacing:.12em}.hero-bottom>a>span{color:var(--lime);font-size:17px;line-height:1}
.lab-art{aspect-ratio:1.13;background:var(--lime);color:var(--ink);position:relative;overflow:hidden;border-radius:3px;padding:24px;background-image:linear-gradient(#7a9a4526 1px,transparent 1px),linear-gradient(90deg,#7a9a4526 1px,transparent 1px);background-size:34px 34px}.art-cap{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.09em;font-weight:700}.art-cap>span:last-child{font-size:23px;line-height:1}.art-message{position:absolute;left:8%;top:22%;font-size:clamp(43px,6.1vw,88px);line-height:.94;font-weight:900;letter-spacing:-.075em;transform:rotate(-5deg)}.art-message>span{font-style:italic;color:#263e21}.orbital{position:absolute;width:110%;height:65%;border:1px solid #496d3d66;border-radius:50%;left:3%;top:24%;transform:rotate(-42deg)}.orbital-two{width:90%;height:90%;left:22%;top:3%;transform:rotate(35deg)}.art-sticker{position:absolute;right:7%;top:48%;width:95px;height:95px;display:grid;place-content:center;line-height:1.2;background:var(--ink);color:var(--lime);font-size:14px;font-weight:800;border-radius:50%;transform:rotate(12deg);text-align:center;box-shadow:6px 6px 0 #171b1920}.art-foot{position:absolute;left:24px;right:24px;bottom:17px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.07em;font-weight:700}.art-foot>span:last-child{font-size:35px}
.topics-section{padding-block:63px 88px;scroll-margin-top:110px}.section-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-caption>span{font-size:10px;font-weight:700;letter-spacing:.12em}.section-caption>p{font-size:12px;color:var(--muted)}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic{border-right:1px solid var(--line);padding:20px 23px 25px;transition:background .2s}.topic:first-child{border-left:1px solid var(--line)}.topic:hover{background:#eaf0df}.topic-top{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.topic-top>span:last-child{font-size:17px;line-height:1}.topic-symbol{display:block;font:normal 53px/1 var(--font);margin:24px 0 20px;color:#41553c}.topic>.eyebrow{font-size:8px;color:var(--muted);letter-spacing:.1em}.topic h2{font-size:19px;letter-spacing:-.04em;margin-top:7px}.topic p{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.9}
.notes-section{padding-bottom:98px;scroll-margin-top:120px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:40px}.section-heading h2{font-size:34px;letter-spacing:-.055em;line-height:1.4;margin-top:12px}.text-link{font-size:11px;display:flex;gap:28px;align-items:center;padding-bottom:6px;border-bottom:1px solid var(--ink);font-weight:700}.text-link>span{font-size:20px}.featured-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding-bottom:45px;border-bottom:1px solid var(--line);margin-bottom:40px}.story{min-width:0}.story-image{position:relative;display:block;aspect-ratio:16/9;background:#e7eae0;overflow:hidden;border-radius:3px}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.story:hover .story-image img{transform:scale(1.025)}.image-arrow{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:23px}.story-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:9px;margin-top:17px;color:var(--muted)}.story-meta>span{font-weight:700;color:#39543a}.story-meta>time{font-variant-numeric:tabular-nums}.story h3{font-size:18px;line-height:1.7;letter-spacing:-.025em;margin-top:8px;font-weight:700}.story h3 a:hover{text-decoration:underline;text-underline-offset:4px}.story>p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:10px}.story-featured h3{font-size:24px;line-height:1.65;margin-top:13px}.story-featured>p{font-size:12px;line-height:1.95}.side-stories{display:grid;gap:27px}.side-stories>.story{display:grid;grid-template-columns:42% 1fr;column-gap:20px;align-content:start}.side-stories .story-image{grid-row:1/4;height:100%;min-height:145px}.side-stories .story-meta{margin-top:0;font-size:8px;gap:8px}.side-stories h3{font-size:16px;line-height:1.65;margin-top:8px}.side-stories .story>p{font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.cover-placeholder{display:grid;place-content:center;width:100%;height:100%;font-size:58px;line-height:1.1;letter-spacing:-.06em;font-weight:900;color:#4b6141;background:#e8efdc}.cover-placeholder span{font-size:9px;text-align:center;letter-spacing:.17em;margin-top:10px}
.project-section{background:#e6ecde;border-block:1px solid #d6dfce;padding-block:75px}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.project-grid h2{font-size:34px;line-height:1.6;letter-spacing:-.055em;margin:18px 0}.project-grid p{font-size:12px;line-height:2.1;color:#53614f}.project-grid .button{margin-top:28px}.project-poster{display:flex;flex-direction:column;justify-content:space-between;gap:35px;aspect-ratio:1.55;background:#cadcb3;color:#233c22;padding:28px;border-radius:3px;transform:rotate(2deg);transition:transform .2s}.project-poster:hover{transform:rotate(0)}.project-poster>.eyebrow{font-size:8px;letter-spacing:.1em}.project-poster strong{position:relative;font-size:clamp(35px,4.5vw,62px);line-height:1.05;letter-spacing:-.085em}.project-poster strong>span{position:absolute;right:0;top:10px;font-size:47px}.project-poster>span:last-child{font-size:10px}
.site-footer{background:var(--ink);color:var(--paper);padding:55px 0 23px}.footer-lead{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid var(--dark-line)}.footer-lead>p{font-size:30px;letter-spacing:-.045em}.footer-lead>a{display:grid;place-items:center;background:var(--lime);color:var(--ink);height:65px;width:65px;border-radius:50%;font-size:36px;line-height:1}.footer-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:35px;padding-block:45px}.footer-brand{display:block;font-size:28px;line-height:1.03}.footer-grid>p{font-size:12px;line-height:2;color:#bcc5bd}.footer-grid>nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px}.footer-grid>nav a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:21px;border-top:1px solid var(--dark-line);font-size:8px;color:#9fa99f;letter-spacing:.06em}
.archive-main{padding-top:65px;padding-bottom:95px;min-height:65vh}.archive-heading h1{font-size:43px;letter-spacing:-.05em;line-height:1.4;margin-top:14px}.archive-heading>p:last-child{font-size:10px;letter-spacing:.1em;color:var(--muted);margin-top:18px}.filter-nav{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0 42px;border-bottom:1px solid var(--line);padding-bottom:25px}.filter-nav a{font-size:11px;border:1px solid var(--line);border-radius:50px;padding:7px 15px}.filter-nav a[aria-current],.filter-nav a:hover{background:var(--ink);color:white;border-color:var(--ink)}.single-main{padding-top:27px;padding-bottom:80px}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;line-height:1.8;color:var(--muted);margin-bottom:45px}.breadcrumbs a:hover{text-decoration:underline}.article-header{max-width:900px;margin:0 auto}.article-header>.eyebrow{color:#4b6743;font-size:11px}.article-header h1{font-size:36px;line-height:1.65;letter-spacing:-.045em;margin-top:19px}.byline{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:24px}.byline a{font-weight:700;color:var(--ink)}.article-cover{max-width:900px;margin:35px auto 50px;overflow:hidden;border-radius:3px;background:#e6ecdf}.article-cover img{width:100%;height:auto;object-fit:contain}.article-layout{display:grid;grid-template-columns:205px minmax(0,760px);gap:55px;justify-content:center;align-items:start}.article-rail{position:sticky;top:122px}.article-rail>.eyebrow{font-size:9px;color:var(--muted);margin-bottom:17px}.article-toc{display:grid;gap:10px;border-left:1px solid var(--line);padding-left:17px;max-height:50vh;overflow:auto}.article-toc>a{font-size:11px;line-height:1.7;color:var(--muted)}.article-toc>a:hover{color:var(--ink)}.rail-back{display:block;margin-top:26px;font-size:10px;font-weight:700}.article-body{font-size:16px;line-height:2.05;overflow-wrap:anywhere;min-width:0}.article-body p{margin:0 0 1.55em}.article-body h1{font-size:29px;line-height:1.7;margin:1.8em 0 .8em}.article-body h2{font-size:25px;letter-spacing:-.035em;line-height:1.7;margin:2.3em 0 1em;padding-bottom:12px;border-bottom:1px solid var(--line)}.article-body h3{font-size:20px;line-height:1.8;margin:1.8em 0 .8em}.article-body ul,.article-body ol{padding-left:1.5em;margin:0 0 1.7em}.article-body li{margin:.5em 0}.article-body a{color:#32603f;text-decoration:underline;text-underline-offset:4px}.article-body img{max-width:100%;height:auto}.article-body figure{margin:2em 0}.article-body figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:10px}.article-body table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.9;margin:1.7em 0}.article-body th,.article-body td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.article-body th{background:#e9efdf;font-weight:700}.article-body .wp-block-table{overflow-x:auto}.article-body pre{overflow-x:auto;background:var(--ink);color:#e5eddf;padding:24px;font-size:12px;line-height:1.8;border-radius:3px}.article-body blockquote{border-left:3px solid #9db884;background:#edf2e7;padding:20px 25px;margin:2em 0}.article-body .mwl-editorial-callout__visual img{width:97px!important;max-width:97px!important;height:auto!important}.article-body .mwl-editorial-callout{grid-template-columns:97px minmax(0,1fr)!important}.article-end{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:45px;font-size:10px}.article-end>span{color:var(--muted);letter-spacing:.1em}.related{border-top:1px solid var(--line);margin-top:80px;padding-top:40px}.related>h2{font-size:25px;margin:8px 0 28px}.page-main{padding-top:65px;padding-bottom:85px;min-height:65vh}.page-heading,.page-body{max-width:760px;margin-inline:auto}.page-heading{margin-bottom:40px}.page-heading h1{font-size:38px;line-height:1.6;letter-spacing:-.04em;margin-top:13px}.page-heading>p{font-size:13px;color:var(--muted);line-height:2;margin-top:20px}.page-body>h1:first-child{margin-top:0}.contact-form{display:grid;gap:22px}.contact-form>label{font-size:12px;font-weight:700;display:grid;gap:8px}.contact-form input,.contact-form textarea{width:100%;background:#fff;border:1px solid #c9d2c3;border-radius:3px;padding:12px 14px;color:var(--ink);font-size:14px}.contact-form textarea{resize:vertical}.contact-form>.button{justify-self:start;min-width:180px}.form-note{font-size:11px;color:var(--muted)}.form-note a{text-decoration:underline}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-form [data-form-status]{font-size:12px;line-height:1.8}.search-form{display:flex;gap:15px;max-width:760px;margin-top:35px;border-bottom:2px solid var(--ink)}.search-form input{flex:1;min-width:0;padding:17px 0;border:0;background:transparent;font-size:20px}.search-form button{border:0;background:transparent;font-size:29px;cursor:pointer;min-width:45px}.search-status{font-size:12px;color:var(--muted);margin:20px 0 40px}.search-result{border-top:1px solid var(--line);padding-top:20px}.search-result>small{font-size:10px;color:var(--muted)}.search-result h2{font-size:18px;line-height:1.8;margin-top:10px}.search-result p{font-size:12px;color:var(--muted);margin-top:12px}.error-page h1{font-size:48px;line-height:1.5;margin:20px 0}.error-page>.button{margin-top:30px}.mobile-only{display:none}
@media(min-width:1550px){.hero-grid{padding-block:85px}.hero h1{font-size:76px}.art-message{font-size:96px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero-grid{gap:30px}.hero h1{font-size:5.3vw}.art-message{font-size:6.9vw}.art-sticker{width:76px;height:76px;font-size:12px;right:6%}.topic{padding-inline:17px}.topic h2{font-size:17px}.featured-layout{gap:30px}.side-stories>.story{grid-template-columns:35% 1fr;column-gap:17px}.side-stories h3{font-size:14px}.side-stories .story>p{display:none}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}.notes-grid{gap:35px 23px}.story h3{font-size:16px}.project-grid{gap:40px}.project-grid h2{font-size:29px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:75px;gap:14px}.brand{font-size:14px;gap:8px}.brand-icon{font-size:38px;width:34px;height:34px}.brand-icon>span{font-size:20px;top:-6px}.desktop-nav{display:none}.search-button{margin-left:auto;width:35px;height:35px}.search-button svg{width:16px;height:16px}.mobile-menu{display:block}.mobile-menu>summary{font-size:10px;display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>summary>span{font-size:21px}.mobile-menu[open]>summary>span{transform:rotate(45deg)}.mobile-menu>nav{position:absolute;top:100%;left:0;right:0;display:grid;padding:17px 20px;background:var(--ink);border-bottom:1px solid var(--dark-line);box-shadow:0 15px 20px #0003}.mobile-menu>nav>a{padding:15px 0;border-bottom:1px solid var(--dark-line);font-size:13px}.hero-overline{padding-top:23px;font-size:7px;gap:8px}.hero-edition{display:none}.hero-grid{grid-template-columns:1fr;padding:40px 0 30px;gap:36px}.hero-copy>.eyebrow{font-size:8px}.hero h1{font-size:clamp(38px,9.1vw,65px);line-height:1.5;margin-top:17px;letter-spacing:-.065em}.hero-description{font-size:11px;line-height:2.1;margin-top:22px}.hero-actions{margin-top:25px;gap:20px}.button{font-size:11px;padding:14px 18px;min-height:49px;gap:26px}.quiet-link{font-size:10px;gap:10px}.lab-art{aspect-ratio:1.8;padding:18px;max-height:330px}.art-cap{font-size:7px}.art-message{font-size:clamp(46px,14.2vw,78px);top:27%;left:8%;line-height:.9}.orbital{width:85%;height:110%;left:18%;top:-5%;transform:rotate(-28deg)}.orbital-two{width:65%;height:125%;left:35%;top:-8%;transform:rotate(50deg)}.art-sticker{width:74px;height:74px;top:37%;right:12%;font-size:11px}.art-foot{font-size:6px;bottom:11px;left:18px;right:18px}.art-foot>span:last-child{font-size:26px}.hero-bottom{padding-block:18px;font-size:8px}.hero-bottom>a{font-size:0;gap:0}.hero-bottom>a>span{font-size:19px}.topics-section{padding-block:40px 55px}.section-caption{margin-bottom:19px}.section-caption>span{font-size:9px}.section-caption>p{font-size:10px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:0}.topic{padding:17px 16px 20px;border-bottom:1px solid var(--line)}.topic:nth-child(3){border-left:1px solid var(--line)}.topic-top{font-size:9px}.topic-symbol{font-size:43px;margin:19px 0 15px}.topic>.eyebrow{font-size:7px;letter-spacing:.08em}.topic h2{font-size:17px}.topic p{font-size:9px;line-height:1.8;margin-top:9px}.notes-section{padding-bottom:55px}.section-heading{margin-bottom:28px;gap:16px}.eyebrow{font-size:9px}.section-heading h2{font-size:27px;margin-top:12px;line-height:1.5}.text-link{font-size:9px;gap:12px;white-space:nowrap;margin-bottom:4px}.text-link>span{font-size:18px}.featured-layout{grid-template-columns:1fr;gap:28px;margin-bottom:28px;padding-bottom:28px}.story-featured h3{font-size:21px;line-height:1.75}.story-featured>p{font-size:11px}.side-stories{gap:22px}.side-stories>.story{grid-template-columns:35% 1fr;gap:0 16px}.side-stories .story-image{min-height:108px}.side-stories .story-meta{font-size:8px}.side-stories h3{font-size:14px;line-height:1.7;margin-top:7px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 17px}.story-meta{margin-top:12px;font-size:8px;gap:5px}.story h3{font-size:13px;line-height:1.8;margin-top:7px}.story>p{font-size:10px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-featured>p{-webkit-line-clamp:3}.story-featured h3{font-size:21px}.image-arrow{width:26px;height:26px;font-size:18px;bottom:8px;right:8px}.project-section{padding-block:45px}.project-grid{grid-template-columns:1fr;gap:35px}.project-grid h2{font-size:29px;margin-block:14px}.project-grid p{font-size:11px}.project-grid .button{margin-top:23px}.project-poster{aspect-ratio:1.6;gap:22px;padding:22px;max-width:450px;justify-self:center;width:95%;transform:rotate(1deg)}.project-poster strong{font-size:49px}.project-poster strong>span{font-size:37px}.site-footer{padding-top:38px}.footer-lead{padding-bottom:28px;gap:15px}.footer-lead>p{font-size:21px;line-height:1.7;max-width:240px}.footer-lead>a{height:49px;width:49px;flex-shrink:0;font-size:29px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px;padding-block:32px}.footer-brand{font-size:25px}.footer-grid>p{font-size:10px}.footer-grid>nav{grid-column:1/-1;font-size:10px;gap:13px}.footer-bottom{font-size:7px;flex-wrap:wrap;gap:10px}.footer-bottom>span:nth-child(2){display:none}.archive-main{padding-top:40px;padding-bottom:55px}.archive-heading h1{font-size:30px}.filter-nav{margin:25px 0 30px;gap:8px;padding-bottom:20px}.filter-nav>a{font-size:10px;padding:6px 12px}.single-main{padding-top:23px;padding-bottom:45px}.breadcrumbs{font-size:8px;gap:8px;margin-bottom:28px}.article-header h1{font-size:26px;line-height:1.75;margin-top:14px}.article-header>.eyebrow{font-size:10px}.byline{font-size:9px;gap:7px 15px;margin-top:17px}.article-cover{margin:26px auto 30px}.article-layout{display:block}.article-rail{position:static;border:1px solid var(--line);padding:18px;margin-bottom:30px}.article-rail>.eyebrow{margin-bottom:13px}.article-toc{max-height:160px;gap:8px}.article-toc>a{font-size:10px}.rail-back{margin-top:17px}.article-body{font-size:15px;line-height:2.05}.article-body h1{font-size:24px}.article-body h2{font-size:22px;margin-top:2em}.article-body h3{font-size:19px}.article-body table{font-size:12px;display:block;overflow-x:auto}.article-body .wp-block-table table{display:table}.article-body td,.article-body th{padding:10px}.article-body pre{padding:18px}.article-body .mwl-editorial-callout{grid-template-columns:64px minmax(0,1fr)!important}.article-body .mwl-editorial-callout__visual img{width:64px!important;max-width:64px!important}.article-end{font-size:9px}.related{margin-top:45px;padding-top:30px}.related>h2{font-size:23px;margin-bottom:23px}.page-main{padding-top:40px;padding-bottom:50px}.page-heading{margin-bottom:28px}.page-heading h1{font-size:30px}.page-heading>p{font-size:12px}.contact-form{gap:19px}.search-form{margin-top:25px}.search-form input{font-size:16px}.search-result h2{font-size:16px}.search-result p{font-size:11px}.search-status{margin-bottom:30px}.error-page h1{font-size:35px}.mobile-only{display:inline}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:9vw}.hero-actions{gap:12px}.quiet-link{font-size:9px;gap:6px}.hero-actions>.button{gap:17px;padding-inline:15px}.topic h2{font-size:15px}.section-heading h2{font-size:24px}.notes-grid{grid-template-columns:1fr}.story h3{font-size:17px}.story>p{font-size:11px}.side-stories>.story h3{font-size:13px}.project-poster strong{font-size:42px}}
/* 横並びカードの画像の固有幅がテキスト列を侵食しないよう、両列を明示する。 */
.side-stories>.story{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
.side-stories .story-image{grid-column:1;grid-row:1/4;min-width:0;width:100%;aspect-ratio:auto;position:relative}
.side-stories .story-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.side-stories .story-meta,.side-stories h3,.side-stories .story>p{grid-column:2;min-width:0}
@media(max-width:760px){.side-stories>.story{grid-template-columns:minmax(0,.55fr) minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* ヒーロー直下の紹介文は、狭い画面でも読みやすい行幅を保つ。 */
.hero + .site-introduction p { font-size: 0.875rem; line-height: 1.7; }

.pr-notice{margin:0 0 28px;padding:12px 16px;border:1px solid currentColor;border-radius:8px;font-size:15px;font-weight:700;line-height:1.7}
.topic-soon{display:inline-block;margin-top:14px;font-size:10px;letter-spacing:.12em;opacity:.6}
.archive-empty{margin-top:28px;font-size:15px}

.author-box{display:flex;gap:18px;align-items:flex-start;margin-top:48px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.author-avatar{flex:none;width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--lime);display:grid;place-items:center}
.author-avatar img{width:100%;height:100%;object-fit:cover}
.author-mark{font-size:34px;font-weight:800;color:var(--ink);line-height:1}
.author-text{min-width:0;display:grid;gap:4px}
.author-label{margin:0;font-size:10px;letter-spacing:.12em;color:var(--muted)}
.author-name{margin:0;font-size:16px;font-weight:700}
.author-bio{margin:4px 0 0;font-size:14px;line-height:1.8}
.author-link{margin-top:6px;font-size:13px;font-weight:700;color:var(--ink)}
@media(max-width:520px){.author-box{flex-direction:column;gap:12px;padding:18px}.author-avatar{width:64px;height:64px}.author-mark{font-size:28px}}

/* 連載一覧と記事末のナビゲーション。連載を設定したカテゴリと記事だけに適用する。 */
.series-archive{display:grid;gap:64px}
.series-section{padding:34px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 18px 45px #171b1908}
.series-heading{max-width:800px;margin-bottom:30px}
.series-heading>.eyebrow{color:#4b6743}
.series-heading h2,.series-other>h2{font-size:29px;line-height:1.55;letter-spacing:-.04em;margin-top:9px}
.series-lead{max-width:720px;margin-top:11px;color:var(--muted);font-size:13px;line-height:1.9}
.series-cards{margin-top:0}
.series-card .story-image{isolation:isolate}
.series-number{position:absolute;z-index:2;top:12px;left:12px;padding:5px 10px;border-radius:999px;background:var(--ink);color:var(--lime);font-size:10px;font-weight:800;line-height:1.4;letter-spacing:.04em;box-shadow:0 4px 14px #171b1938}
.series-extras{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.series-extras h3{font-size:13px;line-height:1.6}
.series-extras ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 24px;margin:13px 0 0;padding:0;list-style:none}
.series-extras a{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.7;font-weight:700}
.series-extras a:hover{text-decoration:underline;text-underline-offset:4px}
.series-extras a>span{flex:none;color:#4b6743}
.series-section-empty{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:none}
.series-section-empty .series-heading{margin-bottom:18px}
.series-section-empty .series-heading>.eyebrow,.series-section-empty .series-status{color:var(--lime)}
.series-section-empty .series-lead{color:#c5cec6}
.series-status{display:inline-flex;margin:0;padding:6px 11px;border:1px solid var(--dark-line);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.1em}
.series-other{padding-top:8px}
.series-other>h2{margin:0 0 28px;padding-top:30px;border-top:1px solid var(--line)}
.series-box{margin-top:48px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.article-body .series-box-label{margin:0;color:#4b6743;font-size:10px;font-weight:800;letter-spacing:.12em}
.article-body .series-box h2{margin:7px 0 20px;padding:0;border:0;font-size:21px;line-height:1.65;letter-spacing:-.025em}
.article-body .series-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.article-body .series-list li{margin:0}
.article-body .series-list a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);text-decoration:none;line-height:1.6}
.article-body .series-list a:hover{border-color:#93a78e}
.series-list a>span{padding-top:2px;color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap}
.series-list a>strong{font-size:13px;font-weight:700}
.article-body .series-list .is-current a{background:var(--lime);border-color:var(--lime)}
.series-list .is-current a>span{color:var(--ink)}
.series-pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.article-body .series-pager a,.series-pager>span{display:block;min-width:0;padding:10px 12px;border-top:1px solid var(--line);color:var(--ink);font-size:12px;font-weight:800;text-decoration:none}
.series-pager a:last-child{text-align:right}
.article-body .series-pager a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.series-archive{gap:42px}.series-section{padding:22px}.series-heading{margin-bottom:23px}.series-heading h2,.series-other>h2{font-size:24px}.series-lead{font-size:12px}.series-extras ul{grid-template-columns:1fr}.series-number{top:8px;left:8px;font-size:9px}.series-box{padding:19px}.article-body .series-box h2{font-size:19px}.article-body .series-list a{grid-template-columns:1fr;gap:2px}.series-pager{grid-template-columns:1fr}.series-pager>span:empty{display:none}.series-pager a:last-child{text-align:left}}
@media(max-width:370px){.series-section{padding:16px;border-radius:14px}.series-heading h2,.series-other>h2{font-size:22px}.series-box{padding:16px}.series-number{padding:4px 8px}}

.cta-box{margin:28px 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper);display:grid;gap:12px}
.cta-lead{margin:0;font-size:14px;font-weight:700}
.cta-buttons{display:flex;flex-wrap:wrap;gap:10px}
.article-body .cta-buttons>a:not(.cta-button),.article-body a.cta-button{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--lime);color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;line-height:1.4}
.article-body .cta-buttons>a:not(.cta-button)::after,.article-body a.cta-button::after{content:"↗"}
.article-body .cta-buttons>a:not(.cta-button):focus-visible,.article-body a.cta-button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.aff-pixel{position:absolute;width:1px;height:1px;border:0;opacity:0}
.item-box{margin:24px 0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);display:grid;gap:8px}
.item-name{margin:0;font-weight:700;line-height:1.5}
.item-note{margin:0;font-size:14px;color:var(--muted)}
.article-body a.item-image{display:block;width:128px;height:128px;border-radius:10px;overflow:hidden;background:#fff}
.article-body a.item-image img{display:block;width:128px;height:128px;object-fit:contain;margin:0;border:0}
.item-credit{margin:2px 0 0;font-size:11px;color:var(--muted)}
.article-body .item-credit a{color:inherit}
.item-buttons{display:flex;flex-wrap:wrap;gap:8px}
/* もしも「かんたんリンク」：コードは変えず、見た目だけサイトに合わせる（ロゴは使わず、各ストアの色と文字で示す） */
.item-box.item-box-moshimo{padding:0;border:0;background:none;display:block}
.article-body .item-box-moshimo .easyLink-box{display:flex!important;gap:18px;align-items:center;margin:0!important;padding:18px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;max-width:none!important;width:auto!important}
.article-body .item-box-moshimo .easyLink-img{flex:0 0 150px;width:150px!important;margin:0!important;padding:0!important}
.article-body .item-box-moshimo .easyLink-img-box{margin:0!important}
.article-body .item-box-moshimo .easyLink-img-pht{max-width:100%!important;height:auto!important;border-radius:10px}
.article-body .item-box-moshimo .easyLink-info{flex:1 1 auto;min-width:0;margin:0!important;padding:0!important}
.article-body .item-box-moshimo .easyLink-info-name{margin:0 0 4px!important;font-size:15px!important;line-height:1.55!important}
.article-body .item-box-moshimo .easyLink-info-name a{color:var(--ink)!important;font-weight:700;text-decoration:none!important}
.article-body .item-box-moshimo .easyLink-info-maker:empty,.article-body .item-box-moshimo .easyLink-info-model:empty{display:none}
.article-body .item-box-moshimo .easyLink-info-btn{display:flex!important;flex-wrap:wrap;gap:8px;margin:12px 0 0!important;padding:0!important;position:relative}
.article-body .item-box-moshimo .easyLink-info-btn img{position:absolute!important;width:1px!important;height:1px!important;border:0!important}
/* ボタン：白地に落ち着いた色の線と文字。表示はストア名だけ（コード内の文字は変えず、CSSで見せ方だけ変える） */
.article-body .item-box-moshimo .easyLink-info-btn{gap:6px}
.article-body .item-box-moshimo .easyLink-info-btn a{--c:#555;flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:84px!important;margin:0!important;padding:6px 14px!important;border:1.5px solid var(--c)!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;font-size:0!important;line-height:1!important;text-decoration:none!important;color:var(--c)!important;transition:background-color .15s ease,color .15s ease}
.article-body .item-box-moshimo .easyLink-info-btn a::before{font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.02em}
.article-body .item-box-moshimo a.easyLink-info-btn-rakuten{--c:#a8463f}
.article-body .item-box-moshimo a.easyLink-info-btn-rakuten::before{content:"楽天市場"}
.article-body .item-box-moshimo a.easyLink-info-btn-amazon{--c:#a86b1c}
.article-body .item-box-moshimo a.easyLink-info-btn-amazon::before{content:"Amazon"}
.article-body .item-box-moshimo a.easyLink-info-btn-yahoo{--c:#9c3b5a}
.article-body .item-box-moshimo a.easyLink-info-btn-yahoo::before{content:"Yahoo!ショッピング"}
.article-body .item-box-moshimo .easyLink-info-btn a:hover{background:var(--c)!important;color:#fff!important}
.article-body .item-box-moshimo .easyLink-info-btn a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.article-body .item-box-moshimo>.item-note{margin:8px 4px 0;font-size:13px;color:var(--muted)}
/* 商品カードを2列に並べる（部品・道具が多い記事用） */
.article-body .item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin:20px 0}
.article-body .item-grid>.item-box{margin:0}
.article-body .item-grid .item-box-moshimo .easyLink-box{gap:12px;padding:12px!important;height:100%;box-sizing:border-box}
.article-body .item-grid .item-box-moshimo .easyLink-img{flex:0 0 96px;width:96px!important;overflow:hidden}
.article-body .item-grid .item-box-moshimo .easyLink-img-box,.article-body .item-grid .item-box-moshimo .easyLink-img-box span{width:96px!important;height:96px!important;max-width:96px!important}
.article-body .item-grid .item-box-moshimo .easyLink-img-pht{width:96px!important;height:96px!important;max-width:96px!important;object-fit:contain}
.article-body .item-grid .item-box-moshimo .easyLink-info-name{font-size:13px!important}
.article-body .item-grid .item-box-moshimo .easyLink-info-btn a{min-width:0!important;padding:5px 10px!important}
.article-body .item-grid .item-box-moshimo .easyLink-info-btn a::before{font-size:11px}
.article-body .item-grid .item-box-moshimo .easyLink-img-box a{display:none}
@media (max-width:600px){.article-body .item-box-moshimo .easyLink-box{flex-direction:column;align-items:stretch;padding:16px!important}.article-body .item-box-moshimo .easyLink-img{flex:none;width:100%!important;text-align:center}.article-body .item-box-moshimo .easyLink-img-pht{max-width:200px!important}.article-body .item-box-moshimo .easyLink-info-btn{justify-content:center}}
.article-body a.item-button{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;line-height:1.4}
.article-body a.item-button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.article-body .rakuten-official-button{display:inline-flex;align-items:center;border:1px solid var(--ink);border-radius:999px;line-height:1.4}
.article-body .rakuten-official-button>a{display:inline-flex;align-items:center;padding:9px 16px;color:var(--ink);font-weight:700;font-size:14px;text-decoration:none}
.article-body .rakuten-official-button:focus-within{outline:3px solid var(--ink);outline-offset:2px}
.affiliate-note{margin:18px 0 0;font-size:12px;opacity:.75}
.article-body figure{margin:24px 0}
.article-body video{display:block;width:100%;max-width:100%;height:auto;border-radius:12px;background:var(--ink)}
.article-body figcaption{margin-top:8px;font-size:13px;color:var(--muted)}
/* Make特集：サイト共通の色と余白に、特集のアクセントを加える */
.make-feature{padding:30px 0 90px}.make-crumb{font-size:12px;letter-spacing:.12em;color:#68756c;margin:0 0 28px}.make-crumb a{color:inherit}.make-hero{background:#171b19;color:#f5f7eb;border-radius:28px;padding:clamp(28px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:48px;align-items:center}.make-kicker{font-size:12px;font-weight:700;letter-spacing:.16em;color:#66775c}.make-hero .make-kicker,.make-bottom .make-kicker{color:#c9e88d}.make-hero h1,.make-bottom h2{font-size:clamp(38px,5.2vw,68px);line-height:1.25;letter-spacing:-.05em;margin:25px 0}.make-hero h1 em{color:#c9ef86;font-style:normal}.make-lead{font-size:clamp(16px,1.6vw,20px);line-height:1.9}.make-disclosure,.make-small{font-size:13px;line-height:1.8}.make-disclosure{color:#d9e0d2;margin:24px 0}.make-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.make-text-link{color:#fff}.make-hero .make-small{color:#aab5a9;margin-top:20px}.make-flow{background:#252e28;border:1px solid #445046;border-radius:22px;padding:27px;box-shadow:0 24px 50px #0003}.make-flow-label{color:#adc29f;font-size:11px;letter-spacing:.16em}.make-flow div{background:#f4f6ed;color:#1c2720;border-radius:12px;padding:15px 18px;display:grid;grid-template-columns:40px 1fr;gap:3px}.make-flow div span{grid-row:span 2;color:#628252;font-size:12px}.make-flow small{color:#657369}.make-flow b{display:block;text-align:center;color:#bfdf89;line-height:1.7}.make-section{padding:90px 0}.make-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px}.make-section h2,.make-value h2{font-size:clamp(30px,3vw,44px);line-height:1.3;margin:12px 0}.make-section-heading>p{color:#65716a;line-height:1.8}.make-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.make-dark-link{display:inline-block;color:#283d2c;font-weight:700;margin-top:24px}.make-value{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#e7eedf;border-radius:24px;padding:clamp(28px,5vw,65px)}.make-value>div>p:last-child{line-height:1.9}.make-facts>div{border-bottom:1px solid #c7d2c1;padding:15px 0}.make-facts span{color:#73856c;font-size:12px;margin-right:20px}.make-facts p{margin:7px 0 0 42px;color:#5e6b60;font-size:14px}.make-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.make-faq-grid>div{border-top:1px solid #b6c2b2;padding-top:15px;line-height:1.9}.make-bottom{background:#253329;color:#fff;border-radius:24px;padding:clamp(30px,5vw,65px)}.make-bottom>p:last-child{font-size:12px;color:#d9e0d2;margin-top:20px}.make-bottom .button{margin-top:15px}@media(max-width:700px){.make-hero,.make-value,.make-cards,.make-faq-grid{grid-template-columns:1fr}.make-hero{gap:32px}.make-section-heading{display:block}.make-section{padding:65px 0}.make-value{gap:25px}.make-hero h1,.make-bottom h2{font-size:30px}}

/* Make feature: official logo in a white holding shape; purple and pink accents. */
.make-logo-panel{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:16px 25px;margin:0 0 24px}.make-logo-panel img{display:block;width:180px;height:auto}.make-hero{background:#241037;color:#fff}.make-hero .make-kicker,.make-bottom .make-kicker{color:#e9c1ff}.make-hero h1 em{color:#e4a6ff}.make-disclosure,.make-hero .make-small{color:#e4d8ed}.make-feature .button-lime{background:#f0c5ff;color:#28113c}.make-flow{background:#3d2055;border-color:#76538b}.make-flow-label,.make-flow b{color:#e8c4ff}.make-flow div{background:#fbf7ff;color:#251233}.make-flow div span{color:#8200bd}.make-flow small{color:#655270}.make-kicker{color:#7804ae}.make-dark-link{color:#6d069b}.make-value{background:#f1e8f8}.make-facts>div{border-color:#d8c4e2}.make-facts span{color:#7d19aa}.make-facts p{color:#604d68}.make-bottom{background:#30143f}.make-bottom>p:last-child{color:#ebdff0}

.make-example{background:#3d2055;border:1px solid #76538b;border-radius:22px;padding:clamp(20px,2.5vw,32px);box-shadow:0 24px 50px #0003}.example-eyebrow{margin:0;color:#e9c1ff;font-size:11px;letter-spacing:.08em;font-weight:700}.example-title{font-weight:700;font-size:22px;line-height:1.5;margin:12px 0 18px}.example-sheet{background:#fff;color:#251233;border-radius:12px;padding:14px 16px}.example-sheet-head{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.4;color:#6a5b70;border-bottom:1px solid #eee6f2;padding-bottom:10px}.example-sheet-head strong{font-size:15px;color:#251233}.example-sheet-icon{background:#e6f4ea;color:#188038;font-size:22px;padding:4px 8px;border-radius:7px}.example-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0 0;font-size:13px;font-weight:700;gap:12px}.example-pill{border-radius:30px;font-size:11px;padding:3px 9px;white-space:nowrap}.is-pending{background:#f5e1ff;color:#7900a9}.is-done{background:#edf0ed;color:#69716a}.example-connector{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 0;color:#efd2ff;font-size:12px}.example-connector span{font-size:20px}.example-note{font-size:11px;line-height:1.6;color:#e4d8ed;margin:14px 0 6px}.example-link{font-size:12px;color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}

.invoice-flow{list-style:none;padding:0;margin:0;display:grid;gap:14px}.invoice-flow li{position:relative;display:flex;align-items:center;gap:12px;background:#fbf7ff;color:#251233;border-radius:10px;padding:10px 14px;min-height:50px;font-size:14px;line-height:1.4}.invoice-flow li+li:before{content:'↓';position:absolute;top:-17px;left:25px;font-size:16px;line-height:1;color:#e9c1ff}.invoice-flow li span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:8px;background:#f0ddf9;color:#7e00af;font-size:18px}.invoice-flow strong{font-size:inherit}

/* Category cards use a shared layout with distinct, high-contrast marks. */
.topic-grid{gap:12px;border:0}.topic,.topic:first-child,.topic:nth-child(3){border:1px solid #d9ded5;border-radius:16px;background:#fff;transition:transform .2s,box-shadow .2s}.topic:hover{background:#fff;transform:translateY(-3px);box-shadow:0 12px 28px #171b1914}.topic:focus-visible{outline:3px solid #48623c;outline-offset:3px}.topic-symbol{display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:22px;margin:24px 0 20px;font-size:45px;line-height:1;background:#e6efff;color:#274e91}.topic:nth-child(2) .topic-symbol{background:#fff0dc;color:#915615}.topic:nth-child(3) .topic-symbol{background:#e1f3ea;color:#186947}.topic:nth-child(4) .topic-symbol{width:110px;background:#fff;border:1px solid #ead7f5}.topic:nth-child(4){border-color:#d9bdea;background:#f8f1fd}.topic:nth-child(4):hover{background:#f8f1fd}.topic:nth-child(5) .topic-symbol{background:#fbe8ea;color:#9c4255}.topic:nth-child(6) .topic-symbol{background:#eaf0d8;color:#536b29}.topic-make-logo{display:block;width:90px;height:auto}@media(max-width:760px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic,.topic:first-child,.topic:nth-child(3){padding:17px 16px 20px}.topic-symbol{width:60px;height:60px;margin:19px 0 15px;border-radius:17px;font-size:35px}.topic:nth-child(4) .topic-symbol{width:90px}.topic-make-logo{width:76px}}

.topic-grid .topic{background:#fff;border-color:#d9ded5}.topic-grid .topic .topic-symbol{width:78px;border:0;background:#e6efff;color:#274e91}.topic-grid .topic-make-automation,.topic-grid .topic-make-automation:hover{background:#f8f1fd;border-color:#d9bdea}.topic-grid .topic-make-automation .topic-symbol{width:110px;background:#fff;border:1px solid #ead7f5}.topic-grid .topic-wise,.topic-grid .topic-wise:hover{background:#eef7d4;border-color:#cadca5}.topic-grid .topic-wise .topic-symbol{background:#193a2b;color:#d3f78a}.topic-grid .topic-career-work .topic-symbol{background:#fff0dc;color:#915615}.topic-grid .topic-accounting-dx .topic-symbol{background:#e1f3ea;color:#186947}.topic-grid .topic-blog-business .topic-symbol{background:#fbe8ea;color:#9c4255}.topic-grid .topic-life .topic-symbol{background:#eaf0d8;color:#536b29}@media(max-width:760px){.topic-grid .topic .topic-symbol{width:60px}.topic-grid .topic-make-automation .topic-symbol{width:90px}}
.wise-hero,.wise-bottom{background:#163d2e}.wise-hero h1 em{color:#c5ed78}.wise-hero .make-kicker,.wise-bottom .make-kicker{color:#d2efa8}.wise-button{background:#c5ed78;color:#173a2b}.wise-flow{padding:28px;background:#24523c;border-radius:20px}.wise-flow-label{font-size:11px;letter-spacing:.08em;color:#d0e9b5}.wise-flow div{display:flex;gap:14px;align-items:center;padding:16px;background:#f5faed;color:#173a2b;border-radius:12px}.wise-flow div span{color:#577f38;font-size:12px}.wise-flow b{display:block;text-align:center;color:#c5ed78;line-height:1.8}.wise-flow p:last-child{font-size:12px;color:#e3efd8;line-height:1.7;margin-top:18px}.wise-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.wise-cards article{border:1px solid #dae4d4;border-radius:16px;padding:24px;background:#fff}.wise-cards article span{color:#54793a;font-size:12px}.wise-cards h3{margin:12px 0}.wise-cards p{line-height:1.8;color:#526355;font-size:14px}@media(max-width:700px){.wise-cards{grid-template-columns:1fr}}
.wise-official-logo{display:block;width:160px;height:auto;margin:0 0 32px}.topic-wise-logo{display:block;width:38px;height:auto}@media(max-width:760px){.topic-wise-logo{width:30px}}