/* /embed/*.html and /ru/embed/*.html: the calculator alone inside an <iframe> on another site (compact, no page chrome).
   Loaded after style.css and tools.css; built by tools_build.js (renderEmbed). */
html{scroll-behavior:auto;}
body.tl-embed-body{background:var(--bg);}
body.tl-embed-body::before{display:none;}
.tl-embed-main section,.tl-embed-main section.tl-sec-flush{padding:0;}
.tl-embed-main .container{max-width:760px;padding:0 12px;}
.em-wrap{padding-top:12px;}
.em-title{font-size:18px;line-height:1.25;text-wrap:balance;margin:0 0 10px;}
.em-credit{margin:14px 0 0;padding:0 12px 14px;text-align:center;font-size:13px;line-height:1.4;}
.em-credit a{color:var(--gold);text-decoration:none;font-weight:500;}
.em-credit a:hover,.em-credit a:focus-visible{text-decoration:underline;}
/* 24.10: строка в эмулятор под результатом, над подписью (tools_build.js renderEmbed, ?ref=embed): маленькая «таблетка» в цветах кнопок сайта;
   в узкой рамке (от 320 px) текст переносится внутри неё, а не вылезает за край */
.em-emu{margin:14px 0 0;padding:0 12px;text-align:center;font-size:13px;line-height:1.35;}
.em-emu a{display:inline-block;max-width:100%;padding:7px 14px;border:1px solid rgba(224,178,90,.38);border-radius:999px;background:rgba(224,178,90,.08);
  color:var(--gold);text-decoration:none;font-weight:600;text-wrap:balance;}
.em-emu a:hover{background:rgba(224,178,90,.14);border-color:var(--gold);}
.em-emu a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;background:rgba(224,178,90,.14);}
.em-emu + .em-credit{margin-top:8px;}

/* compact controls and results (the markup is the full page's #calc section) */
.tl-embed-body .tl-ctrl{padding:12px 12px 4px;}
.tl-embed-body .tl-ctrl-main{grid-template-columns:minmax(0,1fr);gap:10px;}
.tl-embed-body .tl-calc{display:block;}   /* one column in the frame, whatever its width */
.tl-embed-body .tl-side{position:static;margin-top:10px;}
.tl-embed-body .tl-ctrl .tl-row{margin-top:10px;}
.tl-embed-body .tl-field.is-big .tl-input.has-step{height:46px;border-radius:12px;}
.tl-embed-body .tl-field.is-big .tl-input.has-step input{font-size:21px;padding:0 4px 0 22px;}
.tl-embed-body .tl-field.is-big .tl-prefix{font-size:16px;left:8px;}
.tl-embed-body .tl-field.is-big .tl-stepbtn{flex-basis:38px;font-size:20px;}
.tl-embed-body .tl-field.is-big .tl-label{font-size:12.5px;margin-bottom:5px;}
.tl-embed-body .tl-chips{margin-top:10px;gap:6px;}
.tl-embed-body .tl-ctrl .tl-adv{margin-top:8px;}
.tl-embed-body .tl-side{padding:10px 8px 4px;}
.tl-embed-body .tl-chart-top{margin-bottom:8px;padding:0 2px;}
.tl-embed-body .tl-readout{margin:10px 4px 0;font-size:13px;line-height:1.5;min-height:0;}
.tl-embed-body .tl-res-lines{margin-top:8px;}
.tl-embed-body .tl-res-lines li{font-size:14px;line-height:1.45;}
.tl-embed-body .tl-risk{margin-top:10px;}
.tl-embed-body .tl-bench{gap:10px;}
.tl-embed-body .tl-kpis{gap:8px;}
.tl-embed-body .tl-results .tl-live{display:grid;gap:10px;}

/* cent account calculator: fields in rows, the long form shortened */
.tl-embed-body .tl-panel{padding:12px;border-radius:14px;}
.tl-embed-body .tl-fs > legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}   /* kept for screen readers */
.tl-embed-body .tl-fs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;padding-top:10px;margin-top:10px;}
.tl-embed-body .tl-fs:first-of-type{padding-top:0;margin-top:0;}
.tl-embed-body .tl-fs .tl-row,.tl-embed-body .tl-fs .tl-row-1{display:contents;}
.tl-embed-body .tl-fs > .tl-hint{grid-column:1/-1;margin:0;}
.tl-embed-body .tl-fs:nth-of-type(2){grid-template-columns:repeat(3,minmax(0,1fr));}
.tl-embed-body .tl-input.has-step{height:42px;}
.tl-embed-body .tl-input.has-step input{font-size:16px;}
.tl-embed-body .tl-stepbtn{flex-basis:32px;}
.tl-embed-body .tl-label{margin-bottom:4px;font-size:12px;}
.tl-embed-body .tl-gold{margin:8px 0 0;}
.tl-embed-body .tl-actions{margin-top:8px;padding-top:8px;justify-content:flex-end;}
.tl-embed-body .tl-actions .tl-copy{display:none;}   /* "copy link" would point at the embed page */
.tl-embed-body .tl-kpis-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.tl-embed-body .tl-kpi{padding:10px 12px;border-radius:12px;}
.tl-embed-body .tl-kpi-val{font-size:20px;}
.tl-embed-body .tl-kpi-sub{font-size:11.5px;margin-top:3px;min-height:0;}
.tl-embed-body .tl-results{gap:10px;}
.tl-embed-body .tl-box-head{padding:12px 14px 0;}
.tl-embed-body .tl-box-body{padding:8px 14px 12px;}
@media(max-width:640px){.tl-embed-body .tl-kpis-4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:480px){.tl-embed-body .tl-fs:nth-of-type(2){grid-template-columns:repeat(2,minmax(0,1fr));}}