:root{--color-ink: #172033;--color-muted: #4f5e70;--color-subtle: #728093;--color-bg: #f5f7fb;--color-surface: #ffffff;--color-surface-soft: #f1f6fb;--color-surface-teal: #edf8f5;--color-border: #d8e2ee;--color-border-strong: #afc0d4;--color-primary: #1e63b6;--color-primary-dark: #123a73;--color-primary-ink: #0c2d5a;--color-primary-soft: #e9f2ff;--color-accent: #0e8f7e;--color-accent-dark: #087565;--color-accent-soft: #e7f7f4;--color-focus: #b7791f;--color-high-bg: #fff0ed;--color-high-border: #f0b8ad;--color-high-text: #9f1d1d;--color-medium-bg: #fff7dc;--color-medium-border: #e6c76a;--color-medium-text: #76520f;--color-low-bg: #edf3f7;--color-low-border: #c8d5e0;--color-low-text: #365366;--shadow-card: 0 16px 34px rgba(23, 32, 51, .08);--shadow-card-hover: 0 20px 42px rgba(23, 32, 51, .13);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 8px;--container: 1120px;--article: 820px;color:var(--color-ink);background:var(--color-bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.7}*{box-sizing:border-box}html{background:var(--color-bg)}body{min-width:320px;margin:0;color:var(--color-ink);background:linear-gradient(180deg,#ffffff 0,#f7fbff 360px,var(--color-bg) 100%),var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:var(--color-primary);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--color-primary-dark)}::selection{background:#cbe9e4;color:var(--color-ink)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}img,svg{max-width:100%}p,ul,ol,dl,figure,blockquote{margin-top:0}.site-shell{display:flex;min-height:100vh;flex-direction:column}.site-main{flex:1}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(216,226,238,.9);background:#fffffff0;backdrop-filter:blur(14px)}.site-header__inner,.site-footer__inner,.page-wrap,.home-hero__inner{width:min(100% - 32px,var(--container));margin:0 auto}.site-header__inner{display:flex;flex-direction:column;gap:14px;padding:14px 0}.site-brand{display:inline-flex;width:fit-content;min-width:0;align-items:center;gap:10px;color:var(--color-ink);line-height:1.2;text-decoration:none}.site-brand:hover{color:var(--color-ink)}.site-brand__mark{display:inline-grid;width:42px;height:42px;flex:0 0 auto;place-items:center}.site-brand__mark svg{display:block;width:42px;height:42px}.logo-mark__plate{fill:var(--color-primary);transition:fill .16s ease}.site-brand:hover .logo-mark__plate{fill:var(--color-primary-dark)}.logo-mark__paper{fill:#fff}.logo-mark__fold{fill:#d7e7fb}.logo-mark__line{fill:none;stroke:var(--color-primary);stroke-linecap:round;stroke-width:2.2}.logo-mark__check{fill:none;stroke:var(--color-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2}.site-brand__copy{display:grid;min-width:0;gap:2px}.site-brand__text{overflow-wrap:anywhere;color:var(--color-ink);font-size:1.05rem;font-weight:850;letter-spacing:0}.site-brand__tagline{display:none;color:var(--color-muted);font-size:.78rem;font-weight:650;letter-spacing:0}.site-nav{display:flex;flex-wrap:wrap;gap:8px}.site-nav a{display:inline-flex;min-height:38px;align-items:center;padding:7px 11px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-muted);font-size:.94rem;font-weight:750;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{border-color:#d5e4f5;background:var(--color-primary-soft);color:var(--color-primary-dark)}.home-hero{border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#fff,#eef6ff 48%,#edf8f5)}.home-hero__inner{display:grid;gap:28px;padding:48px 0 42px}.home-hero__content{max-width:760px}.home-hero__lead{max-width:720px;margin:16px 0 0;color:var(--color-muted);font-size:1.08rem}.hero-feature-grid{display:grid;gap:12px;margin-top:28px}.hero-feature{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:12px;border:1px solid rgba(175,192,212,.65);border-radius:var(--radius-md);background:#ffffffb8}.hero-feature span{display:inline-grid;min-width:44px;min-height:32px;place-items:center;border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent-dark);font-size:.82rem;font-weight:850}.hero-feature p{margin:0;color:var(--color-ink);font-weight:750}.home-hero__note{align-self:start;padding:18px;border:1px solid rgba(175,192,212,.75);border-radius:var(--radius-lg);background:#ffffffc7;box-shadow:0 14px 36px #17203314}.home-hero__note-label{margin:0 0 12px;color:var(--color-primary-dark);font-size:.92rem;font-weight:850}.home-hero__note ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.home-hero__note li{position:relative;padding-left:26px;color:var(--color-muted);font-size:.95rem}.home-hero__note li:before{position:absolute;top:.48em;left:0;width:12px;height:12px;border-radius:999px;background:var(--color-accent);box-shadow:inset 0 0 0 3px #fff;content:""}.site-footer{margin-top:64px;border-top:1px solid var(--color-border);background:#fff}.site-footer__inner{display:grid;gap:18px;padding:32px 0 36px;color:var(--color-muted);font-size:.94rem}.site-footer__brand{display:flex;gap:12px;align-items:center}.site-brand__mark--footer,.site-brand__mark--footer svg{width:38px;height:38px}.site-footer__name{margin:0;color:var(--color-ink);font-weight:850}.site-footer__tagline,.site-footer__disclaimer,.site-footer__copyright{margin:0}.site-footer__links{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.site-footer__links a{color:var(--color-primary-dark);font-weight:750;text-decoration:none}.site-footer__links a:hover{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.2em}.page-wrap{padding:38px 0 24px}.page-wrap--home{padding-top:44px}.narrow-wrap{width:min(100% - 32px,var(--article));margin:0 auto;padding:42px 0 24px}.page-hero{margin-bottom:28px}.eyebrow{margin:0 0 10px;color:var(--color-accent-dark);font-size:.88rem;font-weight:850}h1,h2,h3{margin:0;color:var(--color-ink);line-height:1.35;letter-spacing:0}h1{max-width:18em;font-size:2.25rem;font-weight:850}h2{font-size:1.65rem;font-weight:850}h3{font-size:1.2rem;font-weight:820}.page-lead{max-width:720px;margin:14px 0 0;color:var(--color-muted);font-size:1.04rem}.section-heading{display:grid;gap:8px;margin-bottom:20px}.section-heading p:not(.eyebrow){max-width:640px;margin:0;color:var(--color-muted)}.article-list{display:grid;gap:16px;margin:0;padding:0;list-style:none}.article-card{position:relative;display:grid;gap:14px;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.article-card:hover,.article-card:focus-within{border-color:#93b7df;box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.article-card__header{display:grid;gap:10px}.article-card__title{width:fit-content;color:var(--color-ink);font-size:1.26rem;font-weight:850;line-height:1.45;text-decoration-color:var(--color-border-strong)}.article-card__title:hover{color:var(--color-primary-dark);text-decoration-color:currentColor}.article-card__title:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg)}.article-card:hover{border-color:var(--color-border-strong)}.article-card:has(.article-card__title:hover) .article-card__read,.article-card__read{cursor:pointer}.article-card__summary{margin:0;color:var(--color-muted)}.article-card__read{color:var(--color-primary-dark);font-size:.92rem;font-weight:850}.article-card__read:after{margin-left:6px;content:"→"}.card-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;color:var(--color-subtle);font-size:.92rem}.badge-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.badge{display:inline-flex;min-height:30px;align-items:center;border:1px solid transparent;border-radius:999px;padding:4px 10px;font-size:.84rem;font-weight:850;line-height:1.35;white-space:nowrap}.badge--importance-high{border-color:var(--color-high-border);background:var(--color-high-bg);color:var(--color-high-text)}.badge--importance-medium{border-color:var(--color-medium-border);background:var(--color-medium-bg);color:var(--color-medium-text)}.badge--importance-low{border-color:var(--color-low-border);background:var(--color-low-bg);color:var(--color-low-text)}.empty-state{padding:28px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-muted);box-shadow:var(--shadow-card)}.empty-state p{margin:0}.metadata-panel,.article-summary,.notice-box{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.metadata-panel{padding:16px;box-shadow:0 10px 28px #1720330f}.metadata-grid{display:grid;gap:0;margin:0}.metadata-grid div{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--color-border)}.metadata-grid div:first-child{padding-top:0}.metadata-grid div:last-child{padding-bottom:0;border-bottom:0}.metadata-grid dt{color:var(--color-muted);font-size:.88rem;font-weight:850}.metadata-grid dd{margin:0;overflow-wrap:anywhere;color:var(--color-ink);font-weight:700}.article-shell{display:grid;gap:26px}.article-header{display:grid;gap:14px;padding-bottom:8px}.article-header h1{max-width:20em}.article-summary{position:relative;padding:20px;background:linear-gradient(90deg,#0e8f7e1f,#e9f2ffc7),#f8fcff}.article-summary:before{position:absolute;inset:0 auto 0 0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--color-accent);content:""}.article-summary h2{margin-bottom:10px;color:var(--color-primary-ink);font-size:1.08rem}.summary-list{display:grid;gap:8px;margin:0;padding-left:1.2em}.summary-list li,.article-summary p{margin:0}.article-content{color:var(--color-ink);font-size:1.04rem;line-height:1.95}.article-content>*:first-child{margin-top:0}.article-content>*:last-child{margin-bottom:0}.article-content h2,.article-content h3{margin-top:2em;margin-bottom:.65em}.article-content h2{padding-bottom:.35em;border-bottom:1px solid var(--color-border);font-size:1.45rem}.article-content h3{font-size:1.2rem}.article-content p{margin-bottom:1.15em}.article-content ul,.article-content ol{padding-left:1.35em}.article-content li+li{margin-top:.35em}.article-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5em 0;font-size:.95rem}.article-content th,.article-content td{border:1px solid var(--color-border);padding:10px 12px;vertical-align:top}.article-content th{background:var(--color-surface-soft);font-weight:850}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:12px 18px;background:#fff;color:var(--color-primary-dark);font-weight:850;line-height:1.3;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.button:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark);transform:translateY(-1px)}.button--primary{border-color:var(--color-primary);background:var(--color-primary);color:#fff;box-shadow:0 10px 22px #1e63b638}.button--primary:hover{border-color:var(--color-primary-dark);background:var(--color-primary-dark);color:#fff}.button__icon{width:19px;height:19px;flex:0 0 auto}.button__icon path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.share-section{display:grid;gap:14px;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#e9f2ffd9,#e7f7f4d1),#fff}.share-section__header{display:grid;gap:5px}.share-section h2{color:var(--color-primary-ink);font-size:1.08rem}.share-section p{margin:0;color:var(--color-muted);font-size:.92rem}.share-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.share-button{--share-color: var(--color-primary);display:inline-grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:var(--share-color);color:#fff;cursor:pointer;text-decoration:none;box-shadow:0 10px 20px #17203321;transition:box-shadow .16s ease,filter .16s ease,transform .16s ease}.share-button:hover{color:#fff;filter:brightness(.96);box-shadow:0 13px 26px #1720332e;transform:translateY(-2px)}.share-button svg{width:22px;height:22px}.share-button svg path{fill:currentColor}.share-button--x{--share-color: #111827}.share-button--line{--share-color: #06c755}.share-button--facebook{--share-color: #1877f2}.share-button--hatena{--share-color: #00a4de}.share-button--copy{--share-color: var(--color-primary-dark)}.share-button--copy[data-copied=true]{--share-color: var(--color-accent-dark)}.share-button--line svg path+path,.share-button--copy svg path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.share-status{min-height:1.5em}.article-disclaimer,.small-note{margin:0;color:var(--color-muted);font-size:.9rem}.notice-box{padding:16px;background:#fbfcfe}.process-list{display:grid;gap:14px;margin:22px 0 0;padding:0;list-style:none;counter-reset:process}.process-list li{position:relative;padding:0 0 0 46px;counter-increment:process}.process-list li:before{position:absolute;top:0;left:0;display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-dark);content:counter(process);font-weight:850}.process-list h2{margin-bottom:4px;font-size:1.06rem}.process-list p{margin:0;color:var(--color-muted)}.link-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(min-width:640px){.site-brand__tagline{display:block}.hero-feature-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:720px){.site-header__inner{min-height:74px;flex-direction:row;align-items:center;justify-content:space-between}.home-hero__inner{padding:64px 0 54px}.page-wrap,.narrow-wrap{padding-top:54px}h1{font-size:3rem}.article-list{gap:18px}.article-card{padding:22px}.article-card__header{grid-template-columns:1fr auto;align-items:start}.metadata-panel{padding:18px 22px}.metadata-grid div{grid-template-columns:9.5rem 1fr;gap:18px;align-items:start}.share-section{grid-template-columns:1fr auto;align-items:center}.share-status{grid-column:1 / -1}}@media(min-width:920px){.home-hero__inner{grid-template-columns:minmax(0,1fr) 340px;align-items:center}.site-footer__inner{grid-template-columns:1.1fr 1.5fr auto;align-items:start}.site-footer__copyright{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.article-card:hover,.article-card:focus-within,.button:hover,.share-button:hover{transform:none}}