:root{--paper:#f4f7f9;--surface:#fff;--ink:#14212b;--ink-soft:#3b4a56;--muted:#5b6b78;--rule:#d5dee5;--grid-dot:#d9e2e8;--accent:#0a7c8c;--accent-ink:#075e6a;--accent-wash:#e3f2f4;--warn:#b45309;--warn-wash:#fdf3e6;--ok:#15803d;--ok-wash:#e9f6ee;--code-bg:#f6f8fa;--inline-code-bg:#e8eef2;--cat-aws-trouble:#d97706;--cat-aws-cert:#0a7c8c;--cat-db-tips:#4f46e5;--cat-db-cert:#7c3aed;--cat-career:#be185d;--cat-python:#2563eb;--font-body:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--font-head:"Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", sans-serif;--font-code:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-s:4px;--radius-m:8px;--content:44rem;--wide:72rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f1a22;--surface:#15232d;--ink:#e4ebf0;--ink-soft:#c3ced6;--muted:#93a3af;--rule:#2a3a46;--grid-dot:#1d2b35;--accent:#3cc4d4;--accent-ink:#7fdbe6;--accent-wash:#12323a;--warn:#f0a24a;--warn-wash:#2e2416;--ok:#4ade80;--ok-wash:#15291e;--code-bg:#1b2a35;--inline-code-bg:#22323e;color-scheme:dark}}:root[data-theme=dark]{--paper:#0f1a22;--surface:#15232d;--ink:#e4ebf0;--ink-soft:#c3ced6;--muted:#93a3af;--rule:#2a3a46;--grid-dot:#1d2b35;--accent:#3cc4d4;--accent-ink:#7fdbe6;--accent-wash:#12323a;--warn:#f0a24a;--warn-wash:#2e2416;--ok:#4ade80;--ok-wash:#15291e;--code-bg:#1b2a35;--inline-code-bg:#22323e;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px);text-rendering:optimizelegibility;font-feature-settings:"palt" 0;word-break:normal;overflow-wrap:anywhere;background-size:22px 22px;flex-direction:column;margin:0;font-size:17px;line-height:1.9;display:flex}img{max-width:100%;height:auto}a{color:var(--accent-ink);text-underline-offset:.2em;text-decoration-thickness:1px;transition:color .15s}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}h1,h2,h3,h4{word-break:auto-phrase;text-wrap:balance;font-family:var(--font-head);color:var(--ink);letter-spacing:.01em;font-weight:700;line-height:1.45}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:10;background:color-mix(in srgb, var(--paper) 82%, transparent);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--rule);position:sticky;top:0}.site-nav{max-width:var(--wide);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.7rem 1.25rem;display:flex}.brand{font-family:var(--font-head);color:var(--ink);align-items:center;gap:.55rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:var(--accent)}.nav-links{gap:.25rem;display:flex}.nav-link{color:var(--ink-soft);border-radius:999px;padding:.35rem .75rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s}.nav-link:hover{background:var(--accent-wash);color:var(--accent-ink)}.nav-link.active{color:var(--accent-ink);background:var(--accent-wash)}.nav-right{align-items:center;gap:.5rem;display:flex}.theme-toggle{border:1px solid var(--rule);background:var(--surface);width:2.4rem;height:2.4rem;color:var(--ink-soft);cursor:pointer;border-radius:999px;place-items:center;transition:background-color .15s,color .15s;display:inline-grid}.theme-toggle:hover{color:var(--accent-ink);background:var(--accent-wash)}.theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}.pill{--dot:var(--muted);border:1px solid var(--rule);background:var(--surface);color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:.45em;padding:.1em .7em .1em .6em;font-size:.8rem;font-weight:500;line-height:1.8;text-decoration:none;display:inline-flex}.pill:before{content:"";background:var(--dot);width:.55em;height:.55em;box-shadow:0 0 0 3px color-mix(in srgb, var(--dot) 22%, transparent);border-radius:50%}a.pill:hover{border-color:var(--dot);color:var(--ink)}.pill[data-cat=aws-trouble]{--dot:var(--cat-aws-trouble)}.pill[data-cat=aws-cert]{--dot:var(--cat-aws-cert)}.pill[data-cat=db-tips]{--dot:var(--cat-db-tips)}.pill[data-cat=db-cert]{--dot:var(--cat-db-cert)}.pill[data-cat=career]{--dot:var(--cat-career)}.pill[data-cat=python]{--dot:var(--cat-python)}.pill .count{color:var(--muted);font-family:var(--font-code);font-size:.85em}body>main{flex:1 0 auto;width:100%}.page{max-width:var(--wide);margin:0 auto;padding:3rem 1.25rem 4rem}.hero{max-width:48rem;padding:2.5rem 0 3rem}.hero h1{letter-spacing:.02em;margin:0 0 1rem;font-size:clamp(1.9rem,1.2rem + 3vw,3.1rem);line-height:1.35}.hero p{color:var(--muted);margin:0 0 1.5rem;font-size:1.05rem}.category-nav{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.category-nav .pill{padding:.25em .9em .25em .75em;font-size:.88rem}.section-title,.page-title{margin:0 0 .5rem;font-size:1.35rem}.page-title .pill{padding:.2em 1em .2em .85em;font-size:1.1rem}.page-lead{color:var(--muted);margin:0 0 1.5rem}.more{margin-top:1.5rem}.post-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.post-row{border-bottom:1px solid var(--rule);grid-template-columns:8.5rem 11rem 1fr;grid-template-areas:"date cat title"". .desc";align-items:baseline;column-gap:1rem;padding:1.1rem .75rem;transition:background-color .15s;display:grid}.post-row:hover{background:color-mix(in srgb, var(--surface) 70%, transparent)}.post-row time{font-family:var(--font-code);color:var(--muted);grid-area:date;font-size:.82rem}.post-row .pill{grid-area:cat;justify-self:start}.post-title{font-family:var(--font-head);color:var(--ink);grid-area:title;font-size:1.05rem;font-weight:700;line-height:1.6;text-decoration:none}.post-title:hover{color:var(--accent-ink);text-decoration:underline}.post-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:desc;margin:.3rem 0 0;font-size:.88rem;line-height:1.7;display:-webkit-box;overflow:hidden}.article-shell{max-width:var(--wide);grid-template-columns:minmax(0,1fr);gap:3rem;margin:0 auto;padding:2.5rem 1.25rem 4rem;display:grid}.article-shell.has-toc{grid-template-columns:minmax(0, var(--content)) 15rem;justify-content:center}.article{min-width:0;max-width:var(--content);width:100%;margin:0 auto}.article-header{border-bottom:2px solid var(--ink);margin-bottom:2rem;padding-bottom:1.5rem}.article-meta{color:var(--muted);font-family:var(--font-code);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.82rem;display:flex}.article-header h1{margin:.9rem 0 0;font-size:clamp(1.6rem,1.1rem + 2vw,2.25rem);line-height:1.45}.hero-image{border-radius:var(--radius-m);margin-bottom:2rem}.toc{align-self:start;max-height:calc(100vh - 6rem);font-size:.85rem;line-height:1.6;position:sticky;top:5rem;overflow:auto}.toc summary{font-family:var(--font-head);color:var(--ink);cursor:pointer;margin-bottom:.5rem;font-weight:700}.toc ol{border-left:2px solid var(--rule);margin:0;padding:0 0 0 .9rem;list-style:none}.toc li+li{margin-top:.55rem}.toc a{color:var(--ink-soft);text-decoration:none}.toc a:hover{color:var(--accent-ink)}.prose>:first-child{margin-top:0}.prose p{margin:0 0 1.4em}.prose h2{border-bottom:1px solid var(--rule);margin:3.2rem 0 1.2rem;padding:0 0 .55rem 1rem;font-size:1.5rem;position:relative}.prose h2:before{content:"";background:var(--accent);width:.45rem;height:.45rem;box-shadow:0 0 0 3px var(--accent-wash);border-radius:1px;position:absolute;top:.5em;left:0}.prose h3{color:var(--ink);margin:2.4rem 0 .9rem;font-size:1.2rem}.prose h4{margin:2rem 0 .7rem;font-size:1.05rem}.prose ul,.prose ol{margin:0 0 1.4em;padding-left:1.4em}.prose li{margin:.3em 0}.prose li::marker{color:var(--accent)}.prose strong{background:linear-gradient(transparent 62%, var(--accent-wash) 62%);font-weight:700}.prose hr{border:0;border-top:1px dashed var(--rule);margin:3rem 0}.prose blockquote{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-s) var(--radius-s) 0;color:var(--ink-soft);margin:1.6em 0;padding:.9em 1.2em}.prose blockquote p:last-child{margin-bottom:0}.prose :not(pre)>code{font-family:var(--font-code);border-radius:var(--radius-s);background:var(--inline-code-bg);color:var(--ink);padding:.12em .4em;font-size:.86em}.prose pre{font-family:var(--font-code);border:1px solid var(--rule);border-radius:var(--radius-m);tab-size:4;margin:1.6em 0;padding:1.1rem 1.25rem;font-size:.84rem;line-height:1.7;overflow-x:auto;background-color:var(--code-bg)!important}.prose pre code{font-family:inherit}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prose pre,:root:not([data-theme=light]) .prose pre span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important}}:root[data-theme=dark] .prose pre,:root[data-theme=dark] .prose pre span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important}.prose table{border-collapse:collapse;width:100%;max-width:100%;margin:1.6em 0;font-size:.9rem;line-height:1.7;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;min-width:7em;padding:.6em .9em}.prose thead th{font-family:var(--font-head);background:var(--surface);border-bottom:2px solid var(--ink);white-space:nowrap}.prose tbody tr:nth-child(2n){background:color-mix(in srgb, var(--surface) 60%, transparent)}.prose p>img{border-radius:var(--radius-m);border:1px solid var(--rule);margin:1.5em auto .4em;display:block}.prose p>img+em{color:var(--muted);text-align:center;font-size:.75rem;font-style:normal;display:block}.pr-notice{border:1px solid var(--rule);border-radius:var(--radius-s);background:var(--surface);color:var(--muted);margin:0 0 2rem;padding:.5rem .9rem;font-size:.8rem}.affiliate-box{border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:var(--radius-m);background:var(--surface);margin:2rem 0;padding:1.2rem 1.4rem}.affiliate-box p{margin:0 0 .6rem}.affiliate-box p:first-child{font-family:var(--font-head);font-size:1.05rem;font-weight:700}.affiliate-box a{background:var(--accent);color:#fff;border-radius:999px;align-items:center;padding:.55rem 1.2rem;font-weight:700;text-decoration:none;transition:background-color .15s;display:inline-flex}.affiliate-box a:hover{background:var(--accent-ink);color:#fff}.internal-link-box{border:1px dashed var(--accent);border-radius:var(--radius-m);background:var(--accent-wash);margin:2rem 0;padding:1rem 1.2rem}.internal-link-box span{color:var(--accent-ink);font-size:.78rem;font-weight:700;display:block}.internal-link-box br{display:none}.internal-link-box a{font-family:var(--font-head);color:var(--ink);font-weight:700}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:.2rem 0;margin:0 0 1.2rem;padding:0;font-size:.8rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";color:var(--rule);margin:0 .55em}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent-ink);text-decoration:underline}.breadcrumbs [aria-current]{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:22em;display:inline-block;overflow:hidden}.author-box{border:1px solid var(--rule);border-radius:var(--radius-m);background:var(--surface);align-items:flex-start;gap:1.1rem;margin:3.5rem 0 0;padding:1.4rem 1.5rem;display:flex}.author-avatar{background:var(--accent);color:#fff;width:3.2rem;height:3.2rem;font-family:var(--font-head);border-radius:50%;flex:none;place-items:center;font-size:1.3rem;font-weight:700;display:grid}.author-box p{margin:0}.author-label{color:var(--muted);font-size:.75rem}.author-name{font-family:var(--font-head);font-size:1.1rem;font-weight:700}.author-name a{color:var(--ink);text-decoration:none}.author-bio{color:var(--ink-soft);font-size:.88rem;line-height:1.75;margin-top:.35rem!important}.related{margin-top:3.5rem}.related .post-row{grid-template-columns:8.5rem 1fr;grid-template-areas:"date title"".desc"}.related .post-row .pill{display:none}.guide-link{border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:var(--radius-m);background:var(--surface);margin:0 0 2rem;padding:.8rem 1.1rem;text-decoration:none;transition:border-color .15s;display:block}.guide-link:hover{border-color:var(--accent)}.guide-label{color:var(--accent-ink);font-size:.75rem;font-weight:700;display:block}.guide-title{font-family:var(--font-head);color:var(--ink);font-weight:700;line-height:1.6;display:block}.pillar-list{margin-top:3.5rem}.guides{margin-bottom:3rem}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.guide-grid a{border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:var(--radius-m);background:var(--surface);flex-direction:column;gap:.3rem;height:100%;padding:1.1rem 1.2rem;text-decoration:none;transition:border-color .15s;display:flex}.guide-grid a:hover{border-color:var(--accent)}.guide-theme{font-family:var(--font-code);color:var(--accent-ink);font-size:.78rem}.site-footer{border-top:1px solid var(--rule);background:var(--surface);text-align:center;color:var(--muted);padding:2rem 1.25rem 2.5rem;font-size:.85rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:.4rem 1.5rem;margin-bottom:.75rem;display:flex}.footer-links a{color:var(--ink-soft);text-decoration:none}.footer-links a:hover{color:var(--accent-ink);text-decoration:underline}.site-footer p{margin:0}.toc-inline{border:1px solid var(--rule);border-radius:var(--radius-m);background:var(--surface);margin:0 0 2rem;padding:.7rem 1rem;font-size:.88rem;line-height:1.6;display:none}.toc-inline summary{font-family:var(--font-head);cursor:pointer;font-weight:700}.toc-inline ol{margin:.6rem 0 .2rem;padding-left:1.3em}.toc-inline li+li{margin-top:.45rem}.toc-inline a{color:var(--ink-soft);text-decoration:none}@media (width<=1100px){.article-shell.has-toc{grid-template-columns:minmax(0,1fr)}.toc{display:none}.toc-inline{display:block}}@media (width<=760px){body{font-size:16px;line-height:1.85}.page,.article-shell{padding-top:1.5rem}.hero{padding:1rem 0 2rem}.post-row{grid-template-columns:auto 1fr;grid-template-areas:"date cat""title title""desc desc";row-gap:.35rem;padding:1rem .25rem}.prose h2{font-size:1.3rem}.nav-link{padding:.3rem .55rem;font-size:.85rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}