.g-layout{max-width: 1120px;margin: 0 auto;padding: 0 24px;display: grid;grid-template-columns: 230px minmax(0,760px);gap: 48px;justify-content: center}.g-layout .guide{max-width: none;margin: 0;padding: 0 0 60px}.g-side{position: sticky;top: 84px;align-self: start;padding-top: 30px;font-size: 13.5px}.g-side b{display: block;font-size: 11.5px;letter-spacing: .08em;text-transform: uppercase;color: var(--dm);margin-bottom: 8px}.g-side ol{list-style: none;margin: 0;padding: 0;border-left: 2px solid var(--bd)}.g-side li a{display: block;padding: 5px 0 5px 12px;margin-left: -2px;border-left: 2px solid transparent;color: var(--mu);text-decoration: none;line-height: 1.35}.g-side li a:hover{color: var(--tx)}.g-side li a.on{color: var(--tx);border-left-color: var(--blue);font-weight: 650}.g-side .g-side-cta{margin-top: 18px;padding: 14px;border-radius: 12px;background: var(--s1);border: 1px solid var(--bd);font-size: 13px;color: var(--mu)}.g-side .g-side-cta a{display: block;margin-top: 8px;font-weight: 700;color: var(--blue);text-decoration: none}@media (max-width: 1000px){.g-layout{grid-template-columns: 1fr;gap: 0}.g-side{display: none}}@media (min-width: 1001px){.g-layout .toc{display: none}}.g-progress{position: fixed;top: 0;left: 0;height: 3px;width: 0;background: var(--blue);z-index: 50}.g-take{margin: 28px 0 8px;padding: 18px 20px;border-radius: 14px;background: color-mix(in srgb,var(--blue) 6%,var(--s1));border: 1px solid color-mix(in srgb,var(--blue) 22%,var(--bd))}.g-take b{display: block;font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--blue);margin-bottom: 8px}.g-take ul{margin: 0;padding-left: 20px}.g-take li{margin: 5px 0;line-height: 1.55}.g-fig{margin: 22px 0;padding: 16px;border: 1px solid var(--bd);border-radius: 14px;background: var(--s1)}.g-fig svg{width: 100%;height: auto;display: block}.g-fig svg text{font-family: inherit}.g-fig figcaption{font-size: 13px;color: var(--mu);margin-top: 8px}.calc-tool{margin: 22px 0;border: 1px solid var(--bd2);border-radius: 16px;overflow: hidden;background: var(--s1)}.calc-tool>b{display: flex;align-items: center;gap: 8px;padding: 12px 16px;background: var(--s2);border-bottom: 1px solid var(--bd);font-size: 14px}.calc-tool>b span{font-size: 11px;font-weight: 800;letter-spacing: .08em;text-transform: uppercase;color: var(--blue)}.calc-in{display: grid;grid-template-columns: repeat(auto-fit,minmax(170px,1fr));gap: 10px;padding: 14px 16px 4px}.calc-in label{display: grid;gap: 4px;font-size: 12px;font-weight: 650;color: var(--mu)}.calc-in label{min-width: 0}.calc-in input{width: 100%;min-width: 0;box-sizing: border-box;font: inherit;font-size: 16px;padding: 8px 10px;border-radius: 9px;border: 1px solid var(--bd2);background: var(--bg);color: var(--tx);font-variant-numeric: tabular-nums}.calc-in input:focus{outline: none;border-color: var(--blue);box-shadow: 0 0 0 3px color-mix(in srgb,var(--blue) 15%,transparent)}.calc-out{display: grid;grid-template-columns: repeat(auto-fit,minmax(160px,1fr));gap: 8px;padding: 12px 16px 16px}.calc-out div{padding: 10px 12px;border-radius: 10px;background: var(--s2);border: 1px solid var(--bd)}.calc-out span{display: block;font-size: 11.5px;color: var(--dm)}.calc-out strong{display: block;font-size: 17px;font-variant-numeric: tabular-nums;margin-top: 2px}.calc-out .bad strong{color: #C03030}.calc-more{margin: 0;padding: 10px 16px 14px;font-size: 13.5px;color: var(--mu);border-top: 1px dashed var(--bd)}.calc-more a{font-weight: 700}.calc-out .good strong{color: var(--grn)}.g-check{margin: 22px 0;padding: 16px 18px;border-radius: 14px;border: 1px solid var(--bd);background: var(--s1)}.g-check b{display: block;margin-bottom: 8px}.g-check label{display: flex;gap: 10px;align-items: flex-start;padding: 6px 0;border-bottom: 1px dashed var(--bd);font-size: 15px;cursor: pointer}.g-check label:last-of-type{border-bottom: 0}.g-check input{margin-top: 4px;accent-color: var(--blue);width: 16px;height: 16px}.g-check .g-score{font-size: 13px;color: var(--mu);margin-top: 8px}.g-dl{display: flex;align-items: center;gap: 14px;flex-wrap: wrap;margin: 22px 0;padding: 16px 18px;border-radius: 14px;border: 1px dashed var(--bd2);background: var(--s1)}.g-dl div{flex: 1;min-width: 200px}.g-dl b{display: block}.g-dl span{font-size: 13.5px;color: var(--mu)}.g-dl button,.g-dl .g-dl-x{font: inherit;font-weight: 700;font-size: 14px;padding: 10px 16px;border-radius: 10px;border: 0;background: var(--tx);color: var(--bg);cursor: pointer}.g-dl .g-dl-x{text-decoration: none;display: inline-block}.g-dl button{background: transparent;color: var(--tx);border: 1px solid var(--bd2)}.tpl-cap{margin: -8px 0 22px;padding: 16px 18px;border-radius: 14px;border: 1px solid var(--bd);background: var(--s1)}.tpl-cap>b{display: block;margin-bottom: 6px}.tpl-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 14px;margin: 14px 0 8px}.tpl-card{display: flex;flex-direction: column;border: 1px solid var(--bd);border-radius: 14px;overflow: hidden;background: var(--s1)}.tpl-card img{width: 100%;height: 120px;object-fit: cover;object-position: left top;border-bottom: 1px solid var(--bd);display: block}.tpl-card>div{padding: 12px 14px 14px;display: flex;flex-direction: column;gap: 6px;flex: 1}.tpl-card h3{margin: 0;font-size: 16px}.tpl-card h3 a{color: var(--tx);text-decoration: none}.tpl-card h3 a:hover{text-decoration: underline}.tpl-card p{margin: 0;font-size: 13.5px;color: var(--mu);line-height: 1.45}.tpl-meta{font-size: 12px;color: var(--dm);margin-top: auto}.tpl-links{display: flex;gap: 14px;font-size: 13px;font-weight: 700}.tpl-links a{text-decoration: none}.tpl-fig{margin: 22px 0 0}.tpl-fig img{width: 100%;height: auto;border-radius: 12px;border: 1px solid var(--bd);display: block}.tpl-fig figcaption{font-size: 13px;color: var(--dm);margin-top: 6px}.tpl-cap p{margin: 6px 0;font-size: 15px}.tpl-cap .tpl-how{color: var(--mu);font-size: 14px}.tpl-cap summary{cursor: pointer;font-weight: 700;font-size: 14px;margin-top: 8px}.tpl-cap table.g{font-size: 13.5px}.tpl-cap td:nth-child(2){white-space: nowrap;color: var(--mu)}@media (max-width: 600px){.tpl-cap td:nth-child(2){white-space: normal}}.g-author{display: flex;gap: 14px;align-items: center;margin: 30px 0 10px;padding: 16px 0;border-top: 1px solid var(--bd);border-bottom: 1px solid var(--bd);font-size: 14px;color: var(--mu)}.g-author .g-av{width: 40px;height: 40px;border-radius: 10px;background: #1a2a4a;color: #fff;display: flex;align-items: center;justify-content: center;font-weight: 800;flex: none}.g-author b{color: var(--tx);display: block}@media print{header,footer,.g-side,.g-progress,.cta-box,.g-dl button{display: none !important}.g-layout{display: block}}.g-progress{width: 100%;transform-origin: 0 50%;transform: scaleX(0);will-change: transform}.g-side ol.ind{position: relative}.g-side ol.ind li a.on{border-left-color: transparent}.g-ind{position: absolute;left: -2px;top: 0;width: 2px;height: 0;background: var(--blue);border-radius: 2px;pointer-events: none}@media (prefers-reduced-motion: no-preference){html.m-init article.guide>.rv,html.m-init article.guide>.rv *,html.m-init .sr{transition: none !important}html.gm article.guide>.rv{opacity: 0;transform: translateY(16px);transition: opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}html.gm article.guide>.rv.in{opacity: 1;transform: none}html.gm .g-fig .dr{stroke-dasharray: var(--len) var(--len);stroke-dashoffset: var(--len);transition: stroke-dashoffset 1.1s cubic-bezier(.45,.05,.25,1) var(--d,0s)}html.gm .g-fig.in .dr{stroke-dashoffset: 0}html.gm .g-fig .fd{opacity: 0;transition: opacity .55s ease var(--d,0s)}html.gm .g-fig.in .fd{opacity: 1}html.gm article.guide>.rv :is(tbody>tr,li,.calc>div){opacity: 0;transform: translateY(8px);transition: opacity .45s ease calc(.12s + var(--i,0) * 55ms),transform .45s cubic-bezier(.22,.61,.36,1) calc(.12s + var(--i,0) * 55ms)}html.gm article.guide>.rv.in :is(tbody>tr,li,.calc>div){opacity: 1;transform: none}html.gm .g-take li{opacity: 0;transform: translateX(-8px);transition: opacity .5s ease var(--d,0s),transform .5s cubic-bezier(.22,.61,.36,1) var(--d,0s)}html.gm .g-take.in li{opacity: 1;transform: none}.g-ind{transition: transform .35s cubic-bezier(.22,.61,.36,1),height .35s cubic-bezier(.22,.61,.36,1)}.calc-out div{transition: border-color .3s ease,background-color .3s ease}.calc-out div.bump{border-color: var(--blue);background: color-mix(in srgb,var(--blue) 7%,var(--s2))}.g-check label{transition: background-color .2s ease}html.gm article.guide>.formula.rv{position: relative}html.gm article.guide>.formula.rv::after{content: "";position: absolute;inset: 0;border-radius: inherit;pointer-events: none;transform: translateX(-100%);background: linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--blue) 14%,transparent) 50%,transparent 80%)}html.gm article.guide>.formula.rv.in::after{animation: g-sweep 1.1s cubic-bezier(.45,.05,.25,1) .35s both}@keyframes g-sweep{to{transform: translateX(100%)}}details.faq{interpolate-size: allow-keywords}details.faq::details-content{height: 0;overflow: clip;transition: height .38s cubic-bezier(.22,.61,.36,1),content-visibility .38s allow-discrete}details.faq[open]::details-content{height: auto}details.faq p{transition: opacity .3s ease .05s,transform .35s cubic-bezier(.22,.61,.36,1) .05s}details.faq:not([open]) p{opacity: 0;transform: translateY(-4px)}details.faq summary::after{transition: transform .3s cubic-bezier(.22,.61,.36,1)}.g-bar{transition: transform .35s cubic-bezier(.22,.61,.36,1),opacity .25s ease}.g-bar ol{transition: grid-template-rows .3s cubic-bezier(.22,.61,.36,1)}.g-side li a::before{transition: background-color .3s ease,border-color .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}}details.faq summary{display: flex;justify-content: space-between;align-items: flex-start;gap: 16px}details.faq summary::after,details.faq[open] summary::after{content: "+";float: none;flex: none;font-size: 20px;line-height: 1;color: var(--blue)}details.faq[open] summary::after{transform: rotate(45deg)}details.faq summary:hover{color: var(--blue)}.g-side li a{position: relative}.g-side li a::before{content: "";position: absolute;left: -3px;top: 50%;width: 8px;height: 8px;margin-top: -4px;border-radius: 50%;border: 2px solid var(--bd);background: var(--bg);box-sizing: border-box;transform: scale(0)}.g-side li a.done::before{transform: scale(1);background: var(--blue);border-color: var(--blue)}.g-side li a.on::before{transform: scale(1);border-color: var(--blue)}.g-left{margin: 10px 0 0;font-size: 12.5px;color: var(--dm);font-variant-numeric: tabular-nums}.g-bar{display: none}@media (max-width: 1000px){.g-bar{display: block;position: fixed;left: 0;right: 0;top: var(--g-hh,64px);z-index: 19;background: color-mix(in srgb,var(--s1) 94%,transparent);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border-bottom: 1px solid var(--bd);transform: translateY(-110%);opacity: 0;pointer-events: none}.g-bar.show{transform: none;opacity: 1;pointer-events: auto}.g-bar button{display: flex;align-items: center;gap: 10px;width: 100%;min-height: 46px;padding: 0 20px;border: 0;background: none;font: inherit;color: var(--tx);text-align: left;cursor: pointer}.g-bar-n{flex: none;font-size: 12px;font-weight: 750;color: var(--blue);font-variant-numeric: tabular-nums}.g-bar-t{flex: 1;min-width: 0;font-size: 14.5px;font-weight: 650;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.g-bar button svg{flex: none;width: 14px;height: 14px;color: var(--dm);transition: transform .3s ease}.g-bar.open button svg{transform: rotate(180deg)}.g-bar-p{position: absolute;left: 0;bottom: -1px;height: 2px;width: 100%;background: var(--blue);transform-origin: 0 50%;transform: scaleX(0)}.g-bar ol{display: grid;grid-template-rows: 0fr;list-style: none;margin: 0;padding: 0}.g-bar.open ol{grid-template-rows: 1fr}.g-bar ol>div{overflow: hidden}.g-bar.open ol>div{max-height: 60vh;overflow-y: auto}.g-bar li a{display: flex;gap: 10px;padding: 11px 20px;border-top: 1px solid var(--bd);font-size: 14.5px;color: var(--mu);text-decoration: none}.g-bar li a b{flex: none;width: 22px;font-size: 12px;color: var(--dm);font-variant-numeric: tabular-nums}.g-bar li a.on{color: var(--tx);font-weight: 650}.g-bar li a.on b{color: var(--blue)}.g-progress{display: none}}@media print{.g-bar{display: none !important}}