/* css/portal/tool.css */
@layer sections{.hero--tool .hero__intro{padding-top: 0;}.hero--tool h1{font-size: clamp(2rem,1.3rem + 2.3vw,3.1rem);}.hero--tool .tool-panel{padding-top: var(--s-3);}.kincl{background: var(--white);}.kincl__inner{padding-block: var(--section-y) var(--section-y);}.kincl__grid{display: grid;gap: var(--s-6);align-items: start;}@media (min-width: 1024px){.kincl__grid{grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);gap: var(--s-7);}}.kprev{margin: 0;overflow: hidden;border-radius: var(--r-card);background: var(--cream);box-shadow: 0 0 0 1px #F0E4C6,0 24px 48px rgba(100,64,16,.12);}.kprev__bar{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);padding: 12px var(--s-5);background: var(--brown-900);color: var(--cream);}.kprev__tag{font-size: var(--fs-xs);font-weight: 800;letter-spacing: .1em;text-transform: uppercase;color: var(--amber);}.kprev__style{display: inline-flex;padding: 3px;border-radius: 999px;background: rgba(255,255,255,.08);font-size: var(--fs-xs);}.kprev__style > *{padding: 4px 12px;border-radius: 999px;color: #E8D9B5;font-weight: 600;}.kprev__style b{background: var(--amber);color: var(--brown-900);font-weight: 800;}.kprev__main{display: grid;gap: var(--s-5);padding: var(--s-5);align-items: center;}@media (min-width: 560px){.kprev__main{grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);}}.kprev__chart{width: 100%;max-width: 320px;margin-inline: auto;height: auto;font-family: var(--font);}.kc-frame{fill: var(--white);stroke: var(--brown);stroke-width: 2;}.kc-diamond{fill: #FFF3CC;stroke: var(--brown);stroke-width: 1.6;stroke-linejoin: round;}.kc-line{stroke: var(--brown);stroke-width: 1.2;}.kc-sign{font-size: 11px;font-weight: 700;fill: #A07A3C;text-anchor: middle;}.kc-g{font-size: 15px;font-weight: 800;fill: var(--brown-900);text-anchor: middle;}.kc-g--asc{fill: var(--orange-700);}.kprev__facts{display: grid;gap: 8px;margin: 0;}.kprev__facts > div{display: flex;align-items: baseline;justify-content: space-between;gap: var(--s-3);padding: 10px 14px;border-radius: 12px;background: var(--white);box-shadow: 0 0 0 1px #F0E4C6;}.kprev__facts dt{font-size: var(--fs-xs);font-weight: 700;letter-spacing: .04em;text-transform: uppercase;color: #8A6A3A;}.kprev__facts dd{margin: 0;text-align: right;font-weight: 800;color: var(--brown-900);line-height: 1.25;}.kprev__facts small{display: block;font-size: var(--fs-xs);font-weight: 500;color: var(--ink-2);}.kprev__facts .kprev__yoga{background: var(--brown-900);box-shadow: none;}.kprev__yoga dt{color: var(--cream-3);}.kprev__yoga dd{color: var(--amber);}.kprev__yoga small{color: #E8D9B5;}.kprev__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2) var(--s-4);padding: 12px var(--s-5);border-top: 1px dashed #E6D3A3;font-size: var(--fs-sm);font-weight: 700;color: var(--brown-900);}.kprev__foot > span:first-child{display: inline-flex;align-items: center;gap: 8px;}.kprev__foot .picon{width: 18px;height: 18px;color: var(--orange-700);}.kprev__note{font-size: var(--fs-xs);font-weight: 600;color: #8A6A3A;}.kincl__list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--s-3);}@media (min-width: 560px){.kincl__list{grid-template-columns: repeat(2,minmax(0,1fr));}}.kinc{display: flex;gap: 14px;align-items: flex-start;padding: var(--s-4);border-radius: var(--r-card);background: var(--white);box-shadow: 0 0 0 1px #EFE3C4;transition: box-shadow .18s,transform .18s;}.kinc:hover{transform: translateY(-2px);box-shadow: 0 0 0 2px var(--amber),0 12px 24px rgba(100,64,16,.1);}.kinc__medal{flex: none;display: grid;place-items: center;width: 52px;height: 52px;border-radius: 50%;background: radial-gradient(circle at 50% 38%,var(--cream),var(--cream-3));box-shadow: 0 0 0 3px var(--white),0 0 0 4px #F0DCA0;}.kinc__medal .cicon{width: 30px;height: 30px;}.kinc__text{display: flex;flex-direction: column;gap: 2px;line-height: 1.4;}.kinc__text b{font-size: var(--fs-md);color: var(--brown-900);}.kinc__text span{font-size: var(--fs-sm);color: var(--ink-2);}.ksteps{background: var(--cream);border-block: 1px solid #F3E6C4;}.ksteps__inner{padding-block: var(--section-y) var(--section-y);}.ksteps__list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--s-4);counter-reset: none;}@media (min-width: 860px){.ksteps__list{position: relative;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-5);}.ksteps__list::before{content: "";position: absolute;left: 16%;right: 16%;top: 22px;height: 0;border-top: 2px dashed #E6C878;}}.kstep{position: relative;display: grid;gap: var(--s-2);padding: var(--s-6) var(--s-5) var(--s-5);border-radius: var(--r-card);background: var(--white);box-shadow: 0 0 0 1px #EFE3C4;}.kstep__n{position: absolute;top: -2px;left: 50%;translate: -50% -50%;display: grid;place-items: center;width: 46px;height: 46px;border-radius: 50%;background: var(--brown-900);color: var(--amber);font-size: var(--fs-lg);font-weight: 800;box-shadow: 0 0 0 5px var(--cream);}.kstep__icon{display: flex;justify-content: center;gap: 6px;margin: var(--s-2) 0 var(--s-1);}.kstep__icon .cicon{width: 40px;height: 40px;}.kstep h3{font-size: var(--fs-xl);font-stretch: 75%;text-align: center;color: var(--brown-900);}.kstep p{text-align: center;font-size: var(--fs-sm);color: var(--ink-2);line-height: 1.6;}.ksteps__cta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3) var(--s-5);margin-top: var(--s-6);}.ksteps__cta .btn--cta{width: auto;padding-inline: 1.75rem;}@media (max-width: 859px){.ksteps__list{gap: var(--s-6);margin-top: var(--s-4);}}.guide{background: var(--white);padding-block: var(--section-y);}.guide__grid{display: grid;gap: var(--s-6);align-items: start;}@media (min-width: 1024px){.guide__grid{grid-template-columns: 280px minmax(0,1fr);gap: clamp(2rem,4vw,4rem);}}.guide__index{padding: var(--s-5);border-radius: var(--r-card);background: var(--cream);box-shadow: inset 0 0 0 1px #F0E4C6;}@media (min-width: 1024px){.guide__index{position: sticky;top: var(--s-6);max-height: calc(100vh - 2 * var(--s-6));overflow: auto;}}.guide__index-title{margin: 0 0 var(--s-3);font-size: var(--fs-xs);font-weight: 800;letter-spacing: .1em;text-transform: uppercase;color: var(--orange-800);}.guide__index ol{list-style: none;margin: 0;padding: 0;display: grid;gap: 2px;}.guide__index a{display: flex;gap: 10px;padding: 7px 8px;border-radius: 10px;font-size: var(--fs-sm);font-weight: 600;line-height: 1.35;color: var(--brown-900);text-decoration: none;}.guide__index a span{flex: none;font-size: var(--fs-xs);font-weight: 800;color: #86652F;padding-top: 1px;font-variant-numeric: tabular-nums;}.guide__index a:hover{background: var(--white);color: var(--orange-800);}.guide__sub{list-style: none;margin: 0 0 4px 30px;padding: 0 0 0 10px;border-left: 2px solid var(--cream-3);}.guide__sub a{padding: 4px 8px;font-size: var(--fs-xs);font-weight: 500;color: var(--ink-2);}@media (max-width: 1023px){.guide__index > ol{grid-template-columns: repeat(auto-fill,minmax(240px,1fr));align-items: start;}}.guide__body{display: grid;gap: var(--s-7);min-width: 0;}.guide__sec{display: grid;gap: var(--s-3);scroll-margin-top: calc(var(--header-h,120px) + var(--s-4));}.guide__h{display: flex;align-items: baseline;gap: 12px;font-size: var(--fs-xl);color: var(--brown-900);}.guide__n{flex: none;display: grid;place-items: center;min-width: 38px;height: 30px;padding: 0 8px;border-radius: 999px;background: var(--cream-2);color: var(--brown);font-size: var(--fs-xs);font-weight: 800;font-stretch: 100%;font-variant-numeric: tabular-nums;translate: 0 -3px;}.guide__sec > p,.guide__point p{max-width: 72ch;color: var(--ink);line-height: 1.75;}.guide__sec strong{color: var(--brown-900);}.guide__sec a{font-weight: 600;}.guide__points{display: grid;gap: var(--s-3);margin-top: var(--s-2);}@media (min-width: 760px){.guide__points{grid-template-columns: repeat(2,minmax(0,1fr));}}.guide__point{padding: var(--s-5);border-radius: var(--r-card);background: #FFFDF6;box-shadow: 0 0 0 1px #EFE3C4;border-top: 3px solid var(--amber);scroll-margin-top: calc(var(--header-h,120px) + var(--s-4));}.guide__point h3{margin-bottom: var(--s-2);font-size: var(--fs-lg);color: var(--brown-900);}.guide__point p{font-size: var(--fs-sm);line-height: 1.7;color: var(--ink-2);}.related{background: var(--white);}.related__inner{padding-block: var(--section-y) var(--section-y);}}
