.blog,.note{width:min(100% - 40px,1080px);margin:0 auto;padding:40px 0 72px}.blog__head{padding-bottom:28px;border-bottom:1px solid var(--line)}.blog__cta-label,.blog__eyebrow,.note__cta-label,.note__more-label{margin:0 0 8px;color:var(--ink-soft);font-size:14px;letter-spacing:.04em;text-transform:uppercase}.blog__title{margin:0 0 16px;font-size:clamp(30px,4.4vw,46px);line-height:1.12;letter-spacing:-.015em}.blog__lead{margin:0;color:var(--ink-soft);font-size:17px;line-height:1.6}.blog__kinds{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:22px 28px;gap:22px 28px;margin:26px 0 0;padding:0;list-style:none}.blog__kind{display:flex;align-items:center;gap:18px}.blog__kind-name{margin:0 0 4px;font-weight:600}.blog__kind-text{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.5}.kind-icon{display:grid;flex:none;place-items:center;width:84px;height:84px;border-radius:22px;background:var(--soft-bg,var(--panel));box-shadow:var(--soft-raised-sm,0 1px 0 rgba(255,255,255,.04) inset,0 4px 12px rgba(0,0,0,.4))}.kind-icon--note{color:var(--accent)}.kind-icon--review{color:var(--sky-accent)}.kind-icon svg{display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.kind-icon svg :is(rect,line,polyline,circle,path){stroke-dasharray:1 3;stroke-dashoffset:1;opacity:0;animation:kind-draw 8s ease-in-out infinite both}.kind-icon svg .kd2{animation-delay:.35s}.kind-icon svg .kd3{animation-delay:.7s}.kind-icon svg .kd4{animation-delay:1.05s}.kind-icon__sweep,.kind-icon__write{transform-box:fill-box;transform-origin:center}.kind-icon__write{animation:kind-write 3.2s ease-in-out infinite}.kind-icon__sweep{animation:kind-sweep 3.6s ease-in-out infinite}@keyframes kind-draw{0%{stroke-dashoffset:1;opacity:0}1%{opacity:1}22%,78%{stroke-dashoffset:0;opacity:1}92%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:1;opacity:0}}@keyframes kind-write{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(3px,-1px) rotate(-5deg)}}@keyframes kind-sweep{0%,to{transform:translate(0)}50%{transform:translate(4px,3px)}}@media (prefers-reduced-motion:reduce){.kind-icon svg :is(rect,line,polyline,circle,path),.kind-icon__sweep,.kind-icon__write{animation:none;stroke-dashoffset:0;opacity:1;transform:none}}.blog-search{margin:28px 0 0}.blog-search__label{display:block;margin-bottom:8px;color:var(--ink-soft);font-size:14px}.blog-search__field{position:relative}.blog-search__input{box-sizing:border-box;width:100%;padding:12px 46px 12px 16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--soft-field,var(--panel));color:var(--ink);font:inherit;font-size:16px}.blog-search__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.blog-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.blog-search__clear{position:absolute;top:50%;right:8px;display:grid;place-items:center;width:32px;height:32px;padding:0;transform:translateY(-50%);border:0;border-radius:50%;background:transparent;color:var(--ink-soft);cursor:pointer}.blog-search__clear:focus-visible,.blog-search__clear:hover{color:var(--ink);background:var(--accent-soft)}.blog-search__count{margin:24px 0 0;color:var(--ink-soft);font-size:15px}.blog__list{margin:0;padding:0;list-style:none}.blog-item{padding:28px 0;border-bottom:1px solid var(--line)}.blog-item__meta,.note__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 10px;color:var(--ink-soft);font-size:14px}.blog-kind{display:inline-flex;align-items:center;gap:7px;padding:3px 12px 3px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);font-size:13px;font-weight:600}.blog-kind__shape{flex:none;width:8px;height:8px;border-radius:2px;background:currentColor}.blog-kind--review{background:color-mix(in srgb,var(--sky-accent) 13%,transparent);color:var(--sky-accent)}.blog-kind--review .blog-kind__shape{border-radius:50%}.blog-item__title{margin:0 0 10px;font-size:clamp(21px,2.4vw,26px);line-height:1.25}.blog-item__title a{color:inherit;text-decoration:none}.blog-item__title a:focus-visible,.blog-item__title a:hover{text-decoration:underline}.blog-item__lead{margin:0;color:var(--ink-soft);font-size:16px;line-height:1.6}.blog__empty,.blog__note{margin:24px 0 0;color:var(--ink-faint);font-size:15px}.note__back{margin:0 0 24px;font-size:15px}.note__back a{color:var(--ink-soft);text-decoration:none}.note__back a:focus-visible,.note__back a:hover{color:var(--ink);text-decoration:underline}.note__head{padding-bottom:24px;border-bottom:1px solid var(--line)}.note__title{margin:0 0 14px;font-size:clamp(28px,4vw,42px);line-height:1.14;letter-spacing:-.015em}.note__lead{margin:0;color:var(--ink-soft);font-size:18px;line-height:1.55}.note__grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:48px;gap:48px;align-items:start}.note__side{--site-bar-safe:57px;position:-webkit-sticky;position:sticky;top:calc(var(--site-bar-safe) + 20px);margin-top:30px;max-height:calc(100vh - var(--site-bar-safe) - 40px);overflow-y:auto}.note__side-card{padding:22px 20px 24px;background:var(--accent-soft);border-radius:12px}.note__side-card+.note__side-card{margin-top:14px}.note__side-text{margin:0 0 16px;font-size:15px;line-height:1.5}.note__text{margin-top:30px;font-size:17px;line-height:1.68}.note__text h2{margin:38px 0 12px;font-size:23px;line-height:1.25}.note__post .note__text h2,.note__text h3{margin:28px 0 10px;font-size:19px}.note__post .note__text h3{margin:1.33em 0;font-size:1em;font-weight:700;line-height:normal}.note__text p{margin:0 0 18px}.note__text ol,.note__text ul{margin:0 0 18px;padding-left:22px}.note__text li{margin-bottom:8px}.note__text hr{margin:32px 0;border:0;border-top:1px solid var(--line)}.note__aside{margin:0 0 20px;padding:2px 0 2px 18px;border-left:3px solid var(--accent);color:var(--ink-soft)}.note__aside p:last-child{margin-bottom:0}.note__table{margin:0 0 20px;overflow-x:auto}.note__table table{width:100%;border-collapse:collapse;font-size:16px}.note__table td,.note__table th{padding:8px 12px 8px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.note__grid>article{min-width:0}.note__text h2,.note__text h3{scroll-margin-top:76px}.note__table table{min-width:480px}.note__table th{font-weight:600;border-bottom-color:var(--line-strong)}.note__text{--note-comment-bg:#fbf3cf;--note-comment-line:#e6d894}:root[data-theme=dark] .note__text{--note-comment-bg:rgba(224,180,92,0.13);--note-comment-line:rgba(224,180,92,0.38)}.nb-callout{margin:0 0 22px;border-radius:12px}.nb-callout ol:last-child,.nb-callout p:last-child,.nb-callout ul:last-child{margin-bottom:0}.nb-callout--comment{padding:16px 20px;background:var(--note-comment-bg);border-left:4px solid var(--note-comment-line);font-style:italic}.nb-callout--key,.nb-callout--tip,.nb-callout--warn{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:14px;gap:14px;padding:18px 20px;border:1px solid var(--nb-line);background:var(--nb-soft)}.nb-callout--tip{--nb-soft:var(--sky);--nb-line:var(--sky-line);--nb-mark:var(--sky-accent)}.nb-callout--warn{--nb-soft:var(--ochre-soft);--nb-line:var(--ochre);--nb-mark:var(--ochre)}.nb-callout--key{--nb-soft:var(--accent-soft);--nb-line:var(--accent);--nb-mark:var(--accent)}.nb-callout__icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1.5px solid var(--nb-mark);border-radius:50%;color:var(--nb-mark)}.nb-callout__main{min-width:0}.nb-callout__title{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.3}.nb-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:0 0 24px}.nb-compare__col{min-width:0;padding:16px 20px 18px;border:1px solid var(--nb-line);border-top:4px solid var(--nb-mark);border-radius:12px;background:var(--nb-soft)}.nb-compare__col--weak{--nb-soft:var(--alarm-soft);--nb-line:var(--line);--nb-mark:var(--alarm)}.nb-compare__col--strong{--nb-soft:var(--accent-soft);--nb-line:var(--line);--nb-mark:var(--accent)}.nb-compare__col ol:last-child,.nb-compare__col p:last-child,.nb-compare__col ul:last-child{margin-bottom:0}.nb-compare__label{margin:0 0 4px!important;color:var(--nb-mark);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nb-compare__title{margin:0 0 10px!important;font-size:18px;font-weight:600;line-height:1.3}.note__text .nb-steps{margin:0 0 24px;padding:0;list-style:none}.note__text .nb-step{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);grid-gap:18px;gap:18px;margin:0;padding-bottom:22px}.note__text .nb-step:last-child{padding-bottom:0}.note__text .nb-step:not(:last-child):before{content:"";position:absolute;top:52px;bottom:0;left:25px;width:2px;background:var(--line-strong)}.nb-step__num{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:24px;font-weight:600;line-height:1}.nb-step__main{min-width:0;padding-top:4px}.nb-step__title{margin:0 0 4px!important;font-size:19px;font-weight:600;line-height:1.3}.nb-step__text{margin:0!important;color:var(--ink-soft)}.note__text .nb-check{margin:0 0 22px;padding:0;list-style:none}.nb-check li{display:grid;grid-template-columns:24px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;margin-bottom:10px}.nb-check__tick{margin-top:2px;color:var(--accent)}.nb-toc{margin:0 0 28px;padding:18px 22px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel-quiet)}.nb-toc__label{margin:0 0 10px!important;color:var(--ink-soft);font-size:14px;letter-spacing:.04em;text-transform:uppercase}.nb-toc ol{margin:0;padding-left:22px}.nb-toc li{margin-bottom:6px}.nb-toc li:last-child{margin-bottom:0}.blog__cta{margin-top:44px;padding:28px 28px 30px;background:var(--accent-soft);border-radius:12px}.blog__cta-title{margin:0 0 10px;font-size:21px;line-height:1.3}.blog__cta-text{margin:0 0 18px;color:var(--ink-soft);font-size:16px}.blog__cta-btn,.note__cta-btn{display:inline-block;padding:11px 22px;background:var(--accent);border-radius:8px;color:var(--on-accent);font-size:16px;text-decoration:none}.blog__cta-btn:hover,.note__cta-btn:hover{background:#17402a}.note__more{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.note__more ul{margin:0;padding:0;list-style:none}.note__more li{margin-bottom:16px}.note__more a{display:block;font-size:15px;line-height:1.4}.note__more-meta{display:block;margin-top:2px;color:var(--ink-faint);font-size:14px}@media (max-width:980px){.note__grid{grid-template-columns:minmax(0,1fr);gap:8px}.note__side{position:static;margin-top:36px}}@media (max-width:640px){.blog,.note{width:min(100% - 32px,1080px);padding:28px 0 56px}.note__text{font-size:16px}.nb-compare{grid-template-columns:minmax(0,1fr)}.nb-callout--key,.nb-callout--tip,.nb-callout--warn{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px}.note__text .nb-step{grid-template-columns:44px minmax(0,1fr);gap:14px}.nb-step__num{width:44px;height:44px;font-size:20px}.note__text .nb-step:not(:last-child):before{top:44px;left:21px}}.blog__pages{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:16px;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:16px}.blog__pages>:last-child{text-align:right}.blog__pages-count{color:var(--ink-faint);font-size:14px}.note__faq{margin-top:48px}.note__faq .co-section{margin-bottom:0}