@font-face{font-family:inter;font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/inter-latin-400-normal.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/inter-latin-700-normal.woff2)format("woff2")}@font-face{font-family:noto sans jp;font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/noto-sans-jp-japanese-400-normal.woff2)format("woff2")}@font-face{font-family:noto sans jp;font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/noto-sans-jp-japanese-700-normal.woff2)format("woff2")}:root{--header-bg:rgba(255, 255, 255, 0.96);--header-bg-strong:#263a4c;--header-ink:#263a4c;--accent:#2d8fe3;--accent-strong:#2079c5;--text-main:#223246;--text-light:#667789;--bg-main:#f4f7fb;--bg-sidebar:#eef3f8;--surface:#ffffff;--surface-soft:#f8fbff;--border:#d9e3ee;--border-strong:#c8d5e4;--shadow:0 14px 34px rgba(34, 50, 70, 0.08);--warning-bg:#fff4da;--warning-border:#f0b44c;--tag-claude:#db6a15;--tag-chatgpt:#10a37f;--tag-gemini:#2c79e8;--tag-notebooklm:#6b7280;--tag-service:#4b5a6b;--tag-topic:#7b8794;--tag-task-bg:#dbe9f8;--tag-task-text:#195b95;--header-height:76px;--sidebar-width:280px;--max-width:1360px;--radius-lg:22px;--radius-md:16px;--radius-sm:10px;--font-sans:"Inter", "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", sans-serif}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,rgba(45,143,227,8%),transparent 28%),linear-gradient(180deg,#f7faff 0%,var(--bg-main) 100%);color:var(--text-main);font-family:var(--font-sans);line-height:1.75;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%}.skip-link{position:absolute;top:12px;left:12px;z-index:1200;padding:10px 14px;border-radius:999px;background:var(--header-bg-strong);color:#fff;transform:translateY(-220%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:1000;height:var(--header-height);background:var(--header-bg);border-bottom:1px solid rgba(201,213,228,.86);box-shadow:0 8px 24px rgba(20,33,47,6%);backdrop-filter:blur(14px)}.site-header__inner{width:min(calc(100% - 32px),var(--max-width));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-logo{color:var(--header-ink);font-size:1.22rem;font-weight:700;letter-spacing:.01em}.site-logo:hover{color:var(--header-ink);text-decoration:none}.site-header__actions{display:flex;align-items:center;gap:12px}.site-header__cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;border:0;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;cursor:pointer}.site-header__cta,.button-primary{background:var(--accent);color:#fff;box-shadow:0 8px 18px rgba(45,143,227,.18)}.site-header__cta:hover,.button-primary:hover{background:var(--accent-strong);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 24px rgba(45,143,227,.24)}.button-secondary{background:#fff;color:var(--header-bg-strong);border:1px solid var(--border-strong)}.button-secondary:hover{color:var(--header-bg-strong);background:#f8fbfe;text-decoration:none}.site-menu-button{display:none;width:44px;height:44px;padding:10px;border:0;border-radius:12px;background:0 0;cursor:pointer}.site-menu-button span{display:block;width:24px;height:2px;margin:0 auto 5px;background:var(--header-ink);border-radius:999px}.site-menu-button span:last-child{margin-bottom:0}.site-layout{position:relative;width:min(calc(100% - 32px),var(--max-width));margin:0 auto;display:grid;grid-template-columns:var(--sidebar-width)minmax(0,1fr);gap:32px;align-items:stretch}.site-layout::before{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--sidebar-width);background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(241,246,252,.96));border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius-md)0;box-shadow:inset 0 1px rgba(255,255,255,.62);pointer-events:none}.site-sidebar{position:sticky;top:var(--header-height);align-self:start;min-height:calc(100vh - var(--header-height));max-height:calc(100vh - var(--header-height));margin-top:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;padding:24px 18px 18px;background:0 0;border:0;border-radius:0;box-shadow:none;z-index:1}.site-sidebar__section+.site-sidebar__section{margin-top:28px;padding-top:22px;border-top:1px solid rgba(201,213,228,.7)}.site-sidebar__section h2{margin:0 0 10px;color:var(--text-light);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-sidebar__section ul{margin:0;padding:0;list-style:none}.site-sidebar__section li+li{margin-top:8px}.site-sidebar__link{display:block;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-main);font-size:.95rem;font-weight:500;transition:background .18s ease,color .18s ease,transform .18s ease}.site-sidebar__link:hover,.site-sidebar__link.is-current{background:#dde8f4;color:var(--header-bg-strong);text-decoration:none;transform:translateX(1px)}.site-sidebar__link--highlight{color:var(--tag-claude);font-weight:700}.site-sidebar__link--highlight.is-current{background:#fff1e8;color:var(--tag-claude)}.site-main{min-width:0;padding:22px 0 56px}.page-shell{display:flex;flex-direction:column;gap:24px}.page-header,.article-panel,.content-panel,.contact-panel,.empty-state,.cta-panel,.site-footer__inner{background:rgba(255,255,255,.88);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.page-header,.content-panel,.article-panel,.contact-panel,.empty-state,.cta-panel,.site-footer__inner{padding:28px 32px}.page-header{position:relative;overflow:hidden}.content-panel,.article-panel,.contact-panel,.empty-state,.cta-panel,.site-footer__inner{position:relative}.page-header::after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(45,143,227,.12),transparent 72%);pointer-events:none}.page-kicker{margin:0 0 12px;color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-title{margin:0;color:var(--header-bg-strong);font-size:1.8rem;line-height:1.28}.page-lead{max-width:60rem;margin:16px 0 0;color:var(--text-light);font-size:1.08rem}.hero-links,.chip-list,.article-meta,.article-card__meta,.breadcrumb,.site-footer__nav{display:flex;flex-wrap:wrap;gap:10px}.hero-links{margin-top:22px}.hero-links--single{margin-top:22px}.content-section{display:flex;flex-direction:column;gap:16px}.section-header h2,.article-card__title,.article-panel h2,.contact-panel h2,.empty-state h2,.cta-panel h2{margin:0;color:var(--header-bg-strong)}.section-header p,.article-card__summary,.contact-panel p,.empty-state p,.cta-panel p,.site-footer__brand p,.site-footer__note,.site-footer__copy{margin:8px 0 0;color:var(--text-light)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card-grid--three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.article-card{display:flex;flex-direction:column;gap:12px;min-height:100%;padding:24px 24px 22px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(33,50,70,6%)}.article-card--nav{justify-content:center;min-height:190px;padding-top:20px}.article-card:hover{transform:translateY(-3px);border-color:#c8d8ea;box-shadow:0 16px 34px rgba(33,50,70,.11);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.article-card__meta{color:var(--text-light);font-size:.82rem;font-weight:700;letter-spacing:.01em;justify-content:space-between}.article-card__title{margin:0;font-size:1.28rem;line-height:1.4}.article-card__title a{color:inherit}.article-card__title a:hover{text-decoration:none}.article-card__summary{margin-top:0;font-size:.98rem}.article-card--nav .page-kicker{margin-bottom:6px}.article-card--term{justify-content:flex-start}.chip-list{align-items:center}.chip{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;color:#fff;font-size:.84rem;font-weight:700;letter-spacing:.02em}.chip--task{background:var(--tag-task-bg);color:var(--tag-task-text)}.chip--claude{background:var(--tag-claude)}.chip--chatgpt{background:var(--tag-chatgpt)}.chip--gemini{background:var(--tag-gemini)}.chip--notebooklm{background:var(--tag-notebooklm)}.chip--service{background:var(--tag-service)}.chip--topic{background:var(--tag-topic)}.breadcrumb{align-items:center;color:var(--text-light);font-size:.88rem}.breadcrumb a{color:var(--text-light)}.article-header{display:flex;flex-direction:column;gap:14px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}.article-meta{color:var(--text-light);font-size:.92rem}.article-body>:first-child,.rich-text>:first-child{margin-top:0}.article-body>:last-child,.rich-text>:last-child{margin-bottom:0}.rich-text h2,.rich-text h3,.rich-text h4{color:var(--header-bg-strong);line-height:1.35}.rich-text h2{margin-top:48px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #e6edf5;font-size:1.45rem}.rich-text h3{margin-top:34px;margin-bottom:14px;font-size:1.3rem}.rich-text h4{margin-top:26px;margin-bottom:10px;font-size:1.1rem}.rich-text p,.rich-text ul,.rich-text ol,.rich-text blockquote,.rich-text pre,.rich-text table{margin-top:0;margin-bottom:18px}.rich-text ul,.rich-text ol{padding-left:24px}.rich-text li+li{margin-top:8px}.rich-text strong{color:#102a43}.rich-text code{font-family:cascadia code,Consolas,monospace;font-size:.92em}.rich-text pre{overflow-x:auto;padding:18px;border-radius:10px;background:#1f2937;color:#e5edf5}.rich-text pre code{color:inherit}.rich-text blockquote{margin-left:0;padding:14px 16px;border-left:4px solid var(--accent);border-radius:8px;background:#f7fbfe;color:var(--text-main)}.rich-text blockquote h1,.rich-text blockquote h2,.rich-text blockquote h3,.rich-text blockquote h4{margin:0 0 10px;padding:0;border:0;color:var(--header-bg-strong);font-size:1rem}.rich-text table{width:100%;border-collapse:collapse;font-size:.96rem}.rich-text th,.rich-text td{padding:12px 14px;border:1px solid var(--border);vertical-align:top}.rich-text th{background:#f3f6fa;text-align:left}.rich-text img{margin:24px auto;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.cta-panel{text-align:center;background:linear-gradient(180deg,rgba(238,246,252,.94),rgba(247,251,255,.96));border-color:#c7d9ec}.cta-panel p{margin-bottom:18px}.contact-layout{display:grid;grid-template-columns:minmax(0,2fr)minmax(280px,1fr);gap:20px;align-items:start}.contact-panel__action{margin-top:20px}.aside-note{margin-top:16px;padding:16px;border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text-light)}.form-block p{margin:0 0 16px}.form-block label{color:var(--text-main);font-weight:700;font-size:.95rem}.form-block input,.form-block textarea{width:100%;margin-top:8px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:10px;font:inherit;color:var(--text-main);background:#fff}.empty-state{text-align:center}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pagination__status{color:var(--text-light);font-size:.92rem}.site-footer{margin-top:18px}.site-footer__inner{display:flex;flex-direction:column;gap:14px}.site-footer__brand strong{color:var(--header-bg-strong);font-size:1.08rem}.site-footer__nav a{color:var(--header-bg-strong);font-weight:500}.site-footer__note,.site-footer__copy{margin:0;font-size:.92rem}.site-backdrop{display:none}@media(max-width:1100px){.page-header,.content-panel,.article-panel,.contact-panel,.empty-state,.cta-panel,.site-footer__inner{padding:24px}}@media(max-width:960px){body{background:#fbfcfe}.site-header{background:rgba(251,252,254,.94);border-bottom:1px solid rgba(196,209,223,.9);box-shadow:0 10px 28px rgba(31,45,61,8%);backdrop-filter:blur(14px)}.site-logo,.site-logo:hover{color:var(--header-bg-strong)}.site-header__cta{display:none}.site-menu-button{display:inline-block}.site-menu-button span{background:var(--header-bg-strong)}.site-layout{grid-template-columns:1fr}.site-layout::before{display:none}.site-sidebar{position:fixed;left:0;top:var(--header-height);bottom:0;width:min(86vw,320px);max-height:none;margin-top:0;border-radius:0;border-left:0;background:rgba(244,248,252,.98);border-right:0;box-shadow:none;transform:translateX(-100%);transition:transform .22s ease;z-index:1100}.site-sidebar.is-open{border-right:1px solid var(--border);box-shadow:22px 0 48px rgba(34,50,70,.18);transform:translateX(0)}.site-backdrop[hidden]{display:none}.site-backdrop:not([hidden]){position:fixed;inset:var(--header-height)0 0;display:block;background:rgba(244,247,251,.82);backdrop-filter:blur(5px);z-index:1050}.site-main{padding-top:18px}.contact-layout{grid-template-columns:1fr}}@media(max-width:640px){.site-header__inner,.site-layout{width:min(calc(100% - 24px),var(--max-width))}.page-shell{gap:20px}.page-header,.content-panel,.article-panel,.contact-panel,.empty-state,.cta-panel,.site-footer__inner{padding:20px 18px}.page-title{font-size:1.4rem}.page-lead{font-size:1rem}.rich-text h2{font-size:1.3rem}.rich-text h3{font-size:1.18rem}.card-grid,.card-grid--three{grid-template-columns:1fr}}