@property --calculator-notice-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
/* Retain the page's original introductory card; the notice has its own frame inside it. */
.calculator-hub-intro:has([data-calculator-reference-notice]){padding:36px;overflow:visible}
.calculator-hub-intro:has([data-calculator-reference-notice])>h1,.calculator-hub-intro:has([data-calculator-reference-notice])>p{padding-inline-end:220px}
.calculator-hub-intro:has([data-calculator-reference-notice])>.portal-section-art{top:112px}
body.calculator-page .calculator-hero-banner:has([data-calculator-reference-notice]){position:relative;overflow:visible;gap:24px}
body.calculator-page .calculator-hero-banner:has([data-calculator-reference-notice])>.calculator-hero-banner__copy{grid-column:1;grid-row:1}
body.calculator-page .calculator-hero-banner:has([data-calculator-reference-notice])>.calculator-hero-art{grid-column:2;grid-row:1}
.calculator-reference-notice{position:relative;isolation:isolate;box-sizing:border-box;grid-column:1/-1;grid-row:2;display:flex;align-items:center;width:calc(100% - 175px);max-width:none;min-height:195px;margin:36px 0 0 175px;padding:20px 24px;border:1px solid #d9a39a;border-radius:14px;background:linear-gradient(120deg,#fffdfa,#fbf7f2);color:#756457;box-shadow:0 4px 18px #5733150a;text-align:start}
.calculator-reference-notice-copy{min-width:0;width:100%}
.calculator-reference-notice-icon{display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:#fce9dd;color:#a53a1c;font:bold 15px/1 Arial}
.calculator-reference-notice .calculator-reference-notice-check{margin-top:10px;padding:8px 10px;border-radius:8px;background:#f5ebe2}
.calculator-reference-notice .calculator-reference-notice-footer{margin-top:10px;padding-top:9px;border-top:1px solid #e8d8cc;color:#8b7768;font-size:11px;line-height:1.5}
.calculator-reference-notice h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#763f25;font:800 14px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:.025em}
.calculator-reference-notice p{margin:0;color:#756457;font:400 12px/1.65 'Segoe UI',Arial,sans-serif;overflow-wrap:anywhere}
.calculator-reference-notice p+p{margin-top:8px}
.calculator-reference-notice strong{color:#4b3426;font-weight:800}
.calculator-reference-mascot{position:absolute;left:-175px;top:calc(50% - 12px);bottom:auto;transform:translateY(-50%);display:block;width:185px;height:185px;max-width:none;object-fit:contain;pointer-events:none;z-index:2;filter:drop-shadow(-4px 4px 6px #57331524)}
@supports (background:conic-gradient(from 0deg,transparent,red)) and ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
 .calculator-reference-notice::before{content:"";position:absolute;inset:-1px;box-sizing:border-box;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--calculator-notice-angle),#be272014 0deg,#be272014 250deg,#c32b23 300deg,#ff6960 325deg,#b91c1c 345deg,#be272014 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:calculator-notice-border-orbit 5s linear infinite}
}
@keyframes calculator-notice-border-orbit{to{--calculator-notice-angle:360deg}}
@media(max-width:850px) and (min-width:641px){.calculator-reference-notice{width:calc(100% - 150px);min-height:175px;margin-left:150px;padding:18px}.calculator-reference-mascot{width:160px;height:160px;left:-151px}}
@media(max-width:640px){.calculator-hub-intro:has([data-calculator-reference-notice]){padding:24px}.calculator-hub-intro:has([data-calculator-reference-notice])>h1,.calculator-hub-intro:has([data-calculator-reference-notice])>p{padding-inline-end:0}.calculator-hub-intro:has([data-calculator-reference-notice])>.portal-section-art{top:auto}body.calculator-page .calculator-hero-banner:has([data-calculator-reference-notice])>.calculator-hero-art{grid-column:1;grid-row:2}.calculator-reference-notice{grid-row:3;width:calc(100% - 78px);min-height:0;margin:30px 0 0 78px;padding:15px 13px}.calculator-reference-mascot{width:102px;height:102px;top:8px;bottom:auto;left:-96px;transform:none}.calculator-reference-notice h2{font-size:12px}.calculator-reference-notice p{font-size:12px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.calculator-reference-notice::before{animation:none;--calculator-notice-angle:45deg}}
@media(forced-colors:active){.calculator-reference-notice{border-color:Highlight;box-shadow:none}.calculator-reference-notice::before{display:none}}