:root{--ink: #18201d;--ink-2: #37433e;--paper: #f4f1e8;--paper-2: #ebe6d8;--white: #fffef9;--forest: #153d36;--forest-2: #0d2e29;--signal: #e85f35;--signal-text: #b64a24;--signal-soft: #f7d6c9;--lime: #d7ed92;--highlight: #fff2cc;--line: rgba(24, 32, 29, .17);--line-light: rgba(255, 255, 255, .22);--muted: #5a625e;--content: 1240px;--reading: 760px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 26px;--shadow-soft: 0 14px 40px rgba(21, 61, 54, .08);--sans: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--serif: "Yu Mincho", "Hiragino Mincho ProN", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.8;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.2;background-image:radial-gradient(rgba(24,32,29,.22) .55px,transparent .55px);background-size:6px 6px}img{display:block;max-width:100%}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--signal-text)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--signal);outline-offset:3px}button,input{font:inherit}::selection{color:var(--ink);background:var(--lime)}h1,h2,h3,p{overflow-wrap:break-word;line-break:strict}h1,h2,h3{line-height:1.35;letter-spacing:-.025em;text-wrap:balance;word-break:auto-phrase}p,li{text-wrap:pretty}h1,h2{scroll-margin-top:7rem}p{margin:0 0 1.25rem}.shell{width:min(calc(100% - 48px),var(--content));margin-inline:auto}.reading-shell{width:min(calc(100% - 48px),var(--reading));margin-inline:auto}.eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 1rem;font-size:.85rem;font-weight:800;line-height:1.2;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.section-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1rem;margin-bottom:2.2rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}.section-head h2{margin:0;font-family:var(--serif);font-size:clamp(1.8rem,3.3vw,3rem);font-weight:600}.section-head a{display:inline-flex;align-items:center;min-height:24px;font-size:.85rem;font-weight:800;text-decoration:none}.section-head a:after{content:"  ↗";color:var(--signal-text)}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:1000;padding:.65rem 1rem;color:var(--white);background:var(--signal);font-weight:800}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:#f4f1e8f0;backdrop-filter:blur(14px)}.header-main{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;min-height:82px;gap:2rem}.brand{display:inline-flex;align-items:center;gap:.85rem;width:fit-content;text-decoration:none}.brand:hover{color:var(--ink)}.brand-mark{display:grid;grid-template-columns:repeat(3,6px);align-items:end;gap:3px;width:25px;height:30px;padding-bottom:3px;border-bottom:3px solid var(--signal)}.brand-mark i{display:block;background:var(--forest)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:17px}.brand-copy{display:grid}.brand-name{font-family:var(--serif);font-weight:700;line-height:1.15;font-size:clamp(1.05rem,2vw,1.4rem);letter-spacing:-.04em;white-space:nowrap}.brand-en{color:var(--muted);font-size:.55rem;font-weight:800;letter-spacing:.17em}.header-tools{display:flex;align-items:center;gap:1.5rem}.main-nav{position:relative;display:flex;align-items:center;justify-self:center;gap:1.35rem}.main-nav a{display:inline-flex;align-items:center;min-height:32px;padding-block:.5rem;color:var(--ink-2);font-size:.85rem;font-weight:800;text-decoration:none;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--signal-text)}.nav-menu summary,.mobile-menu summary{display:inline-flex;align-items:center;min-height:40px;gap:.45rem;color:var(--ink-2);font-size:.85rem;font-weight:800;list-style:none;cursor:pointer}.nav-menu summary::-webkit-details-marker,.mobile-menu summary::-webkit-details-marker{display:none}.nav-menu summary:after{content:"⌄";color:var(--signal-text);font-size:1rem;transition:transform .2s ease}.nav-menu[open] summary,.nav-menu summary[aria-current=page]{color:var(--signal-text)}.nav-menu[open] summary:after{transform:rotate(180deg)}.nav-panel{position:absolute;top:calc(100% + 1rem);left:50%;z-index:40;width:min(720px,calc(100vw - 48px));padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:0 24px 70px #0d2e292e;transform:translate(-50%)}.nav-panel-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.9rem;padding:.2rem .25rem .9rem;border-bottom:1px solid var(--line)}.nav-panel-head p{margin:0;color:var(--muted);font-size:.85rem}.nav-panel-head a{color:var(--forest)}.nav-tag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.main-nav .nav-tag-link{display:grid;grid-template-columns:2rem 1fr;align-items:start;min-height:58px;gap:.55rem;padding:.7rem .8rem;border-radius:var(--radius-sm);white-space:normal}.nav-tag-link:hover{color:var(--ink)!important;background:var(--paper)}.nav-tag-number{color:var(--signal-text);font-family:var(--serif)}.nav-tag-copy{display:grid;gap:.1rem}.nav-tag-copy b{color:var(--ink);line-height:1.4}.nav-tag-copy small{color:var(--muted);font-size:.85rem;font-weight:600;line-height:1.5}.search-link{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;color:var(--forest);text-decoration:none;font-size:0}.search-link:before{content:"";width:11px;height:11px;border:2px solid currentColor;border-radius:50%;transform:translate(-1px,-1px)}.search-link:after{content:"";position:absolute;width:7px;height:2px;background:currentColor;transform:translate(7px,7px) rotate(45deg)}.search-link{position:relative}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.7rem 1rem;border:1px solid var(--forest);border-radius:999px;color:var(--white);background:var(--forest);font-size:.85rem;font-weight:800;text-decoration:none}.header-cta:hover{color:var(--white);background:var(--signal);border-color:var(--signal)}.mobile-menu{display:none;position:relative}.mobile-menu summary{justify-content:center;min-width:42px;min-height:42px;padding:.55rem .7rem;border:1px solid var(--line);border-radius:999px}.mobile-menu summary:before{content:"☰";color:var(--forest);font-size:1rem}.mobile-menu summary span{font-size:0}.mobile-menu[open] summary:before{content:"×"}.mobile-panel{position:absolute;top:calc(100% + .75rem);right:0;z-index:40;width:min(350px,calc(100vw - 32px));max-height:calc(100vh - 112px);padding:1rem;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);box-shadow:0 20px 55px #0d2e2933}.mobile-panel>a{display:flex;align-items:center;min-height:44px;padding:.6rem .7rem;border-bottom:1px solid var(--line);font-size:.9rem;font-weight:800;text-decoration:none}.mobile-panel-label{margin:1rem .7rem .35rem;color:var(--muted);font-size:.85rem;font-weight:800}.mobile-tag-list{display:grid;gap:.2rem;margin:0;padding:0;list-style:none}.mobile-tag-list a{display:grid;grid-template-columns:2rem 1fr;align-items:center;min-height:42px;padding:.45rem .7rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:800;text-decoration:none}.mobile-tag-list a:hover{background:var(--paper)}.mobile-panel .mobile-cta{justify-content:center;margin-top:.85rem;border:0;border-radius:999px;color:var(--white);background:var(--forest)}main{min-height:65vh}.site-footer{margin-top:8rem;overflow:hidden;border-top:1px solid var(--line);border-radius:34px 34px 0 0;color:var(--ink);background:#fffef9d1}.footer-top{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:4rem;padding:5rem 0 4rem}.footer-brand{color:var(--ink)}.footer-brand .brand-mark i{background:var(--forest)}.footer-lead{max-width:36rem;margin-top:1.6rem;color:var(--muted);font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.7}.footer-heading{margin:0 0 1rem;color:var(--muted);font-size:.85rem;font-weight:800;letter-spacing:.08em}.footer-col ul{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.footer-col a{display:inline-flex;align-items:center;min-height:24px;color:var(--ink-2);font-size:.85rem;text-decoration:none}.footer-col a:hover{color:var(--signal-text)}.footer-bottom{display:flex;justify-content:space-between;gap:2rem;padding:1.25rem 0 2.25rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.footer-bottom p{margin:0}.article-card{min-width:0;padding-bottom:1.3rem;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffef9c2;box-shadow:0 10px 30px #153d360b;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.article-card:hover{border-color:#153d364d;box-shadow:var(--shadow-soft);transform:translateY(-3px)}.article-card a{text-decoration:none}.article-card-visual{position:relative;display:grid;place-items:center;aspect-ratio:16 / 10;margin-bottom:1.1rem;overflow:hidden;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);background:var(--paper-2);box-shadow:var(--shadow-soft)}.article-card-visual:before,.article-card-visual:after{content:"";position:absolute}.article-card-visual:before{width:60%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.25}.article-card-visual:after{inset:10%;border-block:1px solid currentColor;opacity:.12;transform:rotate(-8deg)}.article-card-visual.has-image{display:block;aspect-ratio:1200 / 630;background:var(--white)}.article-card-visual.has-image:before,.article-card-visual.has-image:after{content:none}.article-card-visual.has-image img{width:100%;height:100%;object-fit:cover}.visual-energy{color:var(--forest);background:#dce7df}.visual-purchasing{color:#173b34;background:#e8ca9f}.visual-productivity{color:#152c35;background:#9fcbd0}.visual-inventory{color:#342a22;background:#d8b979}.visual-quality{color:#39231d;background:#dc8c70}.visual-maintenance{color:#19362f;background:#b5cbad}.visual-hr{color:#30243f;background:#cfbee0}.visual-index{position:relative;z-index:2;font-family:var(--serif);font-size:clamp(3rem,8vw,7rem);line-height:1;letter-spacing:-.08em}.visual-label{position:absolute;left:1rem;bottom:.8rem;z-index:2;font-size:.85rem;font-weight:800;letter-spacing:.08em}.article-card .card-meta{margin-inline:1.15rem}.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem;margin-bottom:.55rem;color:var(--muted);font-size:.85rem;font-weight:700}.card-category{display:inline-flex;align-items:center;min-height:24px;color:var(--signal-text);font-weight:800}.article-card h3{margin:0 1.15rem .55rem;font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;line-height:1.55;text-wrap:balance}.article-card h3 a:hover{color:var(--signal-text)}.article-card>p{margin:0 1.15rem;color:var(--muted);font-size:.85rem;line-height:1.75}.text-arrow{display:inline-flex;align-items:center;min-height:24px;gap:.7rem;margin-top:1rem;color:var(--forest);font-size:.85rem;font-weight:800}.text-arrow:after{content:"→";color:var(--signal-text);font-size:1rem;transition:transform .2s ease}a:hover .text-arrow:after,.text-arrow:hover:after{transform:translate(4px)}.cta-panel{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem;margin-top:5rem;padding:clamp(2rem,5vw,4.25rem);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);background:#fffef9e0;box-shadow:var(--shadow-soft)}.cta-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--signal)}.cta-panel:after{content:"07";position:absolute;right:-1rem;bottom:-3.5rem;color:#153d3609;font-family:var(--serif);font-size:15rem;line-height:1}.cta-copy{position:relative;z-index:1;max-width:720px}.cta-copy .eyebrow{color:var(--signal-text)}.cta-copy h2,.cta-copy .cta-title{margin:0 0 1rem;color:var(--ink);font-family:var(--serif);font-size:clamp(1.7rem,3.2vw,2.7rem);font-weight:600;line-height:1.35}.cta-copy p{margin:0;color:var(--muted);font-size:.88rem}.button{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:54px;padding:.9rem 1.5rem;border:1px solid transparent;border-radius:999px;color:var(--white);background:var(--forest);font-size:.85rem;font-weight:800;text-decoration:none;white-space:nowrap}.button:after{content:"↗"}.button:hover{color:var(--white);background:var(--signal)}.button-outline{color:var(--forest);background:transparent;border-color:var(--line)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .65rem;margin:0;padding:.65rem 0;color:var(--muted);font-size:.85rem;list-style:none}.breadcrumb li:not(:last-child):after{content:"/";margin-left:.65rem;opacity:.5}.breadcrumb a{display:inline-flex;align-items:center;min-height:24px;text-decoration:none}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.tag-list li{padding:.22rem .65rem;border:1px solid var(--line);border-radius:100px;color:var(--muted);font-size:.85rem}@media(max-width:980px){.header-main{gap:1.1rem}.header-tools{gap:.8rem}.main-nav{gap:.9rem}.footer-top{grid-template-columns:1.4fr 1fr}.footer-top>:first-child{grid-column:1 / -1}}@media(max-width:720px){.shell,.reading-shell{width:min(calc(100% - 32px),var(--content))}.header-main{grid-template-columns:1fr auto;min-height:68px;gap:.75rem}.brand{gap:.6rem}.brand-mark{transform:scale(.85);transform-origin:left center}.brand-en,.main-nav,.header-cta{display:none}.mobile-menu{display:block}.breadcrumb li[aria-current=page]{display:none}.breadcrumb li:nth-last-child(2):after{display:none}.section-head{grid-template-columns:1fr}.section-head a{justify-self:start}.cta-panel{grid-template-columns:1fr;gap:1.75rem}.button{width:100%}.footer-top{grid-template-columns:1fr;gap:2.5rem;padding:4rem 0 3rem}.footer-top>:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:.5rem}.site-footer{margin-top:5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
