:root{--nav-navy: #1a2b4b;--nav-forest: #2d5a27;--nav-amber: #f9c828;--nav-blue: #4a90e2;--note-text: #1a2b4b;--note-muted: #5a6b7d;--note-border: #dce3ea;--note-bg: #ffffff;--note-sub: #f0f4f8;--note-accent: #1a2b4b;--note-link: #2a6cad;--note-gradient: linear-gradient(135deg, var(--nav-amber) 0%, var(--nav-blue) 100%);--note-font: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--header-height: 60px;--sidebar-w: 228px;--safe: 1.25rem;--radius-card: 14px}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip}body{margin:0;font-family:var(--note-font);font-size:15px;line-height:1.65;color:var(--note-text);background-color:#f4f7fa;background-image:radial-gradient(circle at center,rgba(26,43,75,.04) 1px,transparent 1px),radial-gradient(circle at center,rgba(45,90,39,.03) 1px,transparent 1px);background-size:28px 28px,28px 28px;background-position:0 0,14px 14px;overflow-x:clip;-webkit-font-smoothing:antialiased}img,video{max-width:100%;height:auto}a{color:var(--note-link)}.top-header{position:sticky;top:0;z-index:200;height:var(--header-height);background:#fff;box-shadow:0 1px #2d5a271f,0 4px 24px #1a2b4b0f}.top-header__inner{max-width:1320px;margin:0 auto;height:100%;padding:0 var(--safe);display:flex;align-items:center;gap:.75rem}@media(max-width:900px){.top-header__inner{gap:.35rem}}.top-header__brand{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;line-height:0;text-decoration:none;min-width:0}.top-header__brand img{display:block;height:auto;width:auto;max-height:min(50px,calc(var(--header-height) - 12px));max-width:min(400px,48vw);aspect-ratio:1024 / 367;object-fit:contain;object-position:left center}@media(max-width:720px){.top-header__brand img{max-height:40px;max-width:min(260px,42vw)}}.top-header__brand:hover{opacity:.88;text-decoration:none}.top-header__search-wrap{flex:1;max-width:480px;margin:0 auto;position:relative;z-index:400}.top-header__search-form{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem .35rem .85rem;border:2px solid var(--nav-forest);border-radius:999px;background:linear-gradient(125deg,#f9c82838,#fffffff0 42%,#4a90e22e);width:100%;margin:0;color:var(--nav-navy);box-shadow:0 2px 14px #1a2b4b12}.top-header__search-form input[type=search]{flex:1;min-width:0;border:none;background:transparent;font-size:.8125rem;color:var(--note-text);outline:none;font-family:inherit}.top-header__search-form input[type=search]::placeholder{color:#1a2b4b73}.top-header__search-submit{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:none;border-radius:50%;background:var(--note-gradient);color:var(--nav-navy);cursor:pointer;box-shadow:0 2px 8px #4a90e259}.top-header__search-submit:hover{filter:brightness(1.05)}.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--note-bg);border:2px solid rgba(45,90,39,.2);border-radius:14px;box-shadow:0 12px 40px #1a2b4b24;max-height:min(380px,52vh);overflow-y:auto;z-index:500;-webkit-overflow-scrolling:touch}.search-suggestions[hidden]{display:none!important}.search-suggestions__hint{padding:.5rem .85rem;font-size:.6875rem;font-weight:600;color:#9e9e9e;letter-spacing:.06em;border-bottom:1px solid var(--note-border);text-transform:uppercase}.search-suggestions button{display:block;width:100%;margin:0;padding:.65rem .85rem;border:none;border-bottom:1px solid var(--note-border);background:transparent;text-align:left;font:inherit;cursor:pointer;color:var(--note-text)}.search-suggestions button:last-child{border-bottom:none}.search-suggestions button:hover,.search-suggestions button.is-active{background:var(--note-sub)}.search-suggestions__title{font-size:.8125rem;font-weight:600;line-height:1.45;color:var(--note-accent)}.search-suggestions__meta{font-size:.6875rem;color:var(--note-muted);margin-top:.2rem}.top-header__spacer{width:4rem;flex-shrink:0}.nav-toggle{display:none;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-.35rem;padding:0;border:none;background:transparent;border-radius:10px;color:var(--note-accent);cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-toggle:hover{background:var(--note-sub)}.nav-toggle:focus-visible{outline:2px solid var(--nav-forest);outline-offset:2px}.nav-toggle svg{display:block}.nav-backdrop,.sidebar-note__mobile-head{display:none}.sidebar-note__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:var(--note-sub);border-radius:10px;color:var(--note-text);cursor:pointer;-webkit-tap-highlight-color:transparent}.sidebar-note__close:hover{background:var(--note-border)}.sidebar-note__close:focus-visible{outline:2px solid var(--nav-forest);outline-offset:2px}.sidebar-note__mobile-title{font-size:.9375rem;font-weight:700;color:var(--note-accent)}@media(max-width:720px){.top-header__search-wrap{max-width:none;flex:1;margin:0 .15rem}.top-header__spacer{display:none}}.layout-note{display:flex;max-width:1320px;margin:0 auto;min-height:calc(100vh - var(--header-height));background:#fff;box-shadow:0 4px 40px #1a2b4b0f}.sidebar-note{width:var(--sidebar-w);flex-shrink:0;padding:1.25rem 1rem 2rem;border-right:1px solid rgba(45,90,39,.18);background:#fff;z-index:5}@media(min-width:901px){.sidebar-note{position:sticky;top:var(--header-height);align-self:flex-start;height:auto;max-height:calc(100vh - var(--header-height));overflow-y:auto;-webkit-overflow-scrolling:touch}}.sidebar-note__section{margin-bottom:1.35rem}.sidebar-note__label{font-size:.6875rem;font-weight:700;color:var(--nav-forest);letter-spacing:.08em;margin:0 0 .5rem;text-transform:uppercase}.sidebar-note ul{list-style:none;margin:0;padding:0}.sidebar-note a{display:block;padding:.35rem .25rem;font-size:.8125rem;font-weight:500;color:var(--note-text);text-decoration:none;border-radius:4px}.sidebar-note a:hover{background:#2d5a2714;text-decoration:none;color:var(--nav-navy)}.main-note{flex:1;min-width:0;padding:1.75rem var(--safe) 3.5rem;background:#fff}@media(max-width:900px){body.nav-drawer-open{overflow:hidden;touch-action:none}.nav-toggle{display:inline-flex;order:-1}.nav-backdrop{display:block;position:fixed;left:0;right:0;top:var(--header-height);bottom:0;z-index:350;background:#00000061;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;pointer-events:none}.layout-note.is-nav-open .nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}.layout-note{position:relative}.sidebar-note{position:fixed;left:0;top:var(--header-height);width:min(300px,90vw);height:calc(100vh - var(--header-height));max-height:none;margin:0;padding:.75rem 1rem 1.5rem;border-right:1px solid var(--note-border);border-bottom:none;box-shadow:6px 0 28px #0000001f;transform:translate(-105%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:360;overflow-y:auto;-webkit-overflow-scrolling:touch;align-self:stretch;background:#fff}.layout-note.is-nav-open .sidebar-note{transform:translate(0)}.sidebar-note__mobile-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--note-border)}.sidebar-note__section{margin-bottom:1.15rem}.sidebar-note__section+.sidebar-note__section{padding-left:0;border-left:none}.sidebar-note ul{display:block}.sidebar-note a{padding:.55rem .4rem;font-size:.875rem}.main-note{flex:1;width:100%;min-height:calc(100vh - var(--header-height))}}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1.25rem}.section-heading__title{margin:0;font-size:1.35rem;font-weight:800;color:var(--nav-navy);letter-spacing:.02em}.section-heading__more{font-size:.8125rem;font-weight:600;color:var(--note-muted);text-decoration:none;display:inline-flex;align-items:center;gap:.15rem}.section-heading__more:hover{color:var(--nav-forest)}.section-heading__more .chevron{font-size:1.1em;line-height:1}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem 1.25rem}@media(max-width:480px){.note-grid{grid-template-columns:1fr;gap:1.25rem}}.note-card{display:flex;flex-direction:column;border-radius:var(--radius-card);overflow:hidden;background:var(--note-bg);border:2px solid rgba(45,90,39,.28);text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}@media(hover:hover){.note-card:hover{box-shadow:0 12px 36px #1a2b4b1f;transform:translateY(-3px);border-color:#2d5a2773;text-decoration:none}}.note-card__thumb{position:relative;aspect-ratio:16 / 10;border-bottom:1px solid var(--note-border)}.note-card__thumb-tag{position:absolute;left:10px;bottom:10px;padding:.2rem .45rem;font-size:.625rem;font-weight:700;color:var(--nav-forest);background:#fffffff2;border:1px solid rgba(45,90,39,.35);border-radius:4px;letter-spacing:.04em}.note-card__body{padding:.85rem .95rem 1rem;display:flex;flex-direction:column;flex:1}.note-card__title{margin:0 0 .45rem;font-size:.9375rem;font-weight:700;line-height:1.45;color:var(--nav-navy);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-card:hover .note-card__title{color:var(--nav-blue)}.note-card__desc{margin:0 0 .85rem;font-size:.75rem;color:var(--note-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.note-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.35rem;border-top:1px solid var(--note-border)}.note-card__author{display:flex;align-items:center;gap:.4rem;min-width:0}.note-card__avatar{width:26px;height:26px;border-radius:50%;background:var(--note-gradient);color:var(--nav-navy);font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.note-card__author-name{font-size:.6875rem;font-weight:600;color:var(--note-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-card__time{font-size:.6875rem;color:#aaa;flex-shrink:0}.note-card.note-card--theme{flex-direction:row;align-items:stretch}.note-card.note-card--theme .note-card__thumb{width:min(38%,176px);flex-shrink:0;aspect-ratio:16 / 10;border-bottom:none;border-right:1px solid var(--note-border)}.note-card.note-card--theme .note-card__body{padding:.75rem .9rem .8rem;min-width:0}.note-card.note-card--theme .note-card__title{font-size:.875rem;margin-bottom:.35rem}.note-card.note-card--theme .note-card__desc{margin-bottom:.55rem;font-size:.72rem;line-height:1.5}.note-card.note-card--theme .note-card__footer{padding-top:.3rem}@media(max-width:520px){.note-card.note-card--theme{flex-direction:column}.note-card.note-card--theme .note-card__thumb{width:100%;border-right:none;border-bottom:1px solid var(--note-border)}}.breadcrumb{font-size:.75rem;color:var(--note-muted);margin:0 0 1.25rem;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.35rem .5rem;align-items:center}.breadcrumb li{overflow-wrap:anywhere;max-width:100%}.breadcrumb li:not(:last-child):after{content:"›";margin-left:.45rem;color:#ccc}.breadcrumb a{color:var(--note-muted)}.breadcrumb a:hover{color:var(--nav-blue)}article.prose-article{max-width:680px}.article-header__label{font-size:.6875rem;font-weight:700;color:var(--nav-forest);letter-spacing:.06em;margin:0 0 .5rem}article.prose-article h1{font-size:clamp(1.35rem,4vw,1.65rem);font-weight:800;line-height:1.45;margin:0 0 1rem;color:var(--nav-navy);word-break:auto-phrase;overflow-wrap:anywhere}.article-meta-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.75rem;color:var(--note-muted);padding-bottom:1.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--note-border)}.article-meta-row .chips{display:inline-flex;flex-wrap:wrap;gap:.35rem;align-items:center}.article-meta-row .chip{padding:.12rem .45rem;background:#fff;border:1px solid rgba(45,90,39,.32);border-radius:4px;font-size:.6875rem;color:var(--nav-forest)}article.prose-article .prose-body .article-html-thumb{margin:0 0 1.75rem;border-radius:12px;overflow:hidden;border:1px solid var(--note-border);background:linear-gradient(135deg,#f5f7fa,#e8ecf1 45%,#eef2f6)}article.prose-article .prose-body .article-html-thumb__inner{padding:1.35rem 1.35rem 1.5rem}article.prose-article .prose-body .article-html-thumb__tag{display:inline-block;padding:.2rem .55rem;font-size:.625rem;font-weight:700;letter-spacing:.06em;color:var(--note-accent);background:#ffffffe6;border:1px solid var(--note-border);border-radius:4px}article.prose-article .prose-body .article-html-thumb__kw{margin:.85rem 0 .35rem;font-size:.6875rem;font-weight:500;color:var(--note-muted)}article.prose-article .prose-body .article-html-thumb__display-title{margin:0;font-size:1.2rem;font-weight:700;line-height:1.45;color:var(--note-accent);letter-spacing:.02em}article.prose-article .prose-body{font-size:.9375rem;overflow-wrap:anywhere;color:var(--note-text)}article.prose-article .prose-body h2{font-size:1.1rem;font-weight:700;margin:2rem 0 .65rem;padding-bottom:.35rem;border-bottom:2px solid rgba(45,90,39,.22);word-break:auto-phrase;color:var(--nav-navy)}article.prose-article .prose-body h3{font-size:1rem;font-weight:700;margin:1.35rem 0 .45rem}article.prose-article .prose-body p{margin:.85rem 0}article.prose-article .prose-body ul,article.prose-article .prose-body ol{margin:.75rem 0;padding-left:1.2rem}article.prose-article .prose-body blockquote{margin:1rem 0;padding:.45rem 0 .45rem .9rem;border-left:3px solid rgba(74,144,226,.45);color:var(--note-muted);font-size:.875rem}.related-block{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--note-border)}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:.75rem;top:.65rem;z-index:9999;width:auto;height:auto;padding:.45rem .75rem;background:#fff;border:2px solid var(--nav-forest);clip:auto;overflow:visible;font-size:.8125rem}.site-footer{position:relative;background:var(--nav-navy);color:#ffffffd1;font-size:.8125rem;overflow:hidden}.site-footer a{color:#ffffffeb;text-decoration:underline;text-decoration-color:#ffffff59;text-underline-offset:.15em}.site-footer a:hover{color:var(--nav-amber);text-decoration-color:var(--nav-amber)}.site-footer__inner{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:2.25rem var(--safe) 1.75rem}.site-footer__columns{display:grid;gap:1.35rem}@media(min-width:600px){.site-footer__columns{grid-template-columns:1fr 1fr}}.site-footer h2{font-size:.6875rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:.08em;text-transform:uppercase}.site-footer p{margin:0;line-height:1.65}.site-footer__bottom{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.12);font-size:.6875rem;color:#ffffff73}.site-footer__brand-mark{position:absolute;right:-.25rem;bottom:2.75rem;z-index:0;font-size:clamp(4.5rem,22vw,11rem);font-weight:800;line-height:1;font-family:var(--note-font);color:#ffffff12;pointer-events:none;user-select:none;letter-spacing:-.06em}@media(max-width:700px){.site-footer__brand-mark{right:0;bottom:4rem;font-size:6rem;opacity:.7}}