.fr456-body{background:#f5f6f8;color:#172033}.fr456-page{padding-bottom:72px}.fr456-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:28px;align-items:end;padding:54px 0 26px}.fr456-hero h1{font-size:clamp(2.5rem,7vw,5.5rem);letter-spacing:-.055em;line-height:.94;margin:.15em 0}.fr456-hero p{font-size:1.08rem;line-height:1.65;max-width:760px;color:#566177}.fr456-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fr456-trust div,.fr456-resultgrid div{background:#fff;border:1px solid #dfe4ec;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:5px}.fr456-trust strong{font-size:1.45rem}.fr456-trust span,.fr456-resultgrid small{color:#677187;font-size:.8rem}.fr456-core,.fr456-concepts,.fr456-lab,.fr456-details{margin-top:18px;padding:clamp(18px,3vw,34px)}.fr456-corehead,.fr456-sectionhead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.fr456-corehead h2,.fr456-sectionhead h2{margin:.15em 0;font-size:clamp(1.45rem,3vw,2.1rem)}.fr456-sectionhead p{color:#657087;max-width:720px}.fr456-actions{display:flex;gap:8px;flex-wrap:wrap}.fr456-actions button,.fr456-modebar button,.fr456-tabs button,.fr456-examples button,.fr456-practicecontrols button{border:1px solid #d7dde7;background:#fff;border-radius:999px;padding:10px 14px;font:inherit;cursor:pointer}.fr456-actions button:hover,.fr456-modebar button:hover,.fr456-tabs button:hover,.fr456-examples button:hover{border-color:#8b96aa}.fr456-modebar,.fr456-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.fr456-modebar button.is-active,.fr456-tabs button.is-active{background:#172033;color:white;border-color:#172033}.fr456-expression{display:grid;grid-template-columns:1fr 110px 1fr;gap:12px;align-items:end}.fr456-expression label,.fr456-toolgrid label,.fr456-practicecontrols label{font-weight:700;color:#2d374b;display:grid;gap:7px}.fr456-expression input,.fr456-expression select,.fr456-toolgrid input,.fr456-toolgrid textarea,.fr456-practicecontrols select{width:100%;border:1px solid #cfd6e2;background:#fff;border-radius:14px;padding:14px 15px;font:inherit;color:#172033;box-sizing:border-box}.fr456-oplabel select{text-align:center;font-size:1.35rem}.fr456-help{color:#657087;margin:12px 0}.fr456-examples{display:flex;gap:8px;flex-wrap:wrap}.fr456-error{margin-top:14px;background:#fff1f1;border:1px solid #f0b3b3;color:#8c2828;border-radius:13px;padding:12px 14px}.fr456-result{margin-top:20px;border-radius:22px;padding:24px;background:#172033;color:#fff}.fr456-result>span{font-size:.72rem;letter-spacing:.12em;color:#b9c3d5}.fr456-result>strong{display:block;font-size:clamp(2.3rem,6vw,4.6rem);line-height:1.05;margin:8px 0;overflow-wrap:anywhere}.fr456-result>p{color:#d7deea;margin:0 0 16px;overflow-wrap:anywhere}.fr456-resultgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fr456-resultgrid div{background:#222d43;border-color:#354158}.fr456-resultgrid b{overflow-wrap:anywhere}.fr456-workgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.fr456-workgrid article{border:1px solid #e0e5ed;border-radius:18px;padding:18px;background:#fafbfc}.fr456-steps{margin:12px 0 0;padding-left:26px}.fr456-steps li{padding:8px 0;line-height:1.52}.fr456-steps code{font-family:inherit;font-weight:700;background:#eef1f5;border-radius:7px;padding:2px 5px}.fr456-visual{display:grid;gap:12px;margin-top:14px}.fr456-barblock{display:grid;gap:6px}.fr456-barlabel{font-size:.82rem;color:#5d687d;display:flex;justify-content:space-between;gap:10px}.fr456-bar{display:flex;height:30px;border:1px solid #bbc4d2;border-radius:9px;overflow:hidden;background:#fff;max-width:100%}.fr456-piece{flex:1;border-right:1px solid #d6dce5;background:#fff}.fr456-piece:last-child{border-right:0}.fr456-piece.is-fill{background:#33415f}.fr456-piece.is-neg{background:repeating-linear-gradient(135deg,#53617e 0 6px,#eef1f6 6px 12px)}.fr456-visualnote{font-size:.85rem;color:#687388;line-height:1.5}.fr456-toolgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:16px;align-items:end;margin:8px 0 18px}.fr456-toolgrid label small{font-weight:400;color:#737d90}.fr456-toolout{background:#172033;color:#fff;border-radius:18px;padding:18px}.fr456-toolout small{color:#bfc8d8}.fr456-toolout strong{display:block;font-size:2rem;margin:5px 0;overflow-wrap:anywhere}.fr456-toolout p{color:#d7deea;margin:0;overflow-wrap:anywhere}.fr456-explaincards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.fr456-explaincards div{border:1px solid #dce2eb;border-radius:14px;padding:14px;background:#fafbfc;line-height:1.45}.fr456-comparegrid{grid-template-columns:1fr 90px 1fr;align-items:end}.fr456-comparemark{font-size:2.2rem;font-weight:900;text-align:center;padding-bottom:9px}.fr456-compareout{text-align:center;background:#f0f3f7;border:1px solid #dce2eb;border-radius:18px;padding:18px}.fr456-compareout strong{font-size:1.6rem;overflow-wrap:anywhere}.fr456-compareout p{margin:8px 0 0;color:#5e687b}.fr456-conceptgrid,.fr456-patterns,.fr456-detailgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.fr456-conceptgrid article,.fr456-patterns article,.fr456-detailgrid article{border:1px solid #dee4ec;border-radius:16px;padding:17px;background:#fafbfc}.fr456-conceptgrid b{font-size:.75rem;letter-spacing:.1em;color:#687388}.fr456-conceptgrid h3,.fr456-patterns h3,.fr456-detailgrid h2{margin:.35em 0}.fr456-conceptgrid p,.fr456-patterns p,.fr456-detailgrid p{color:#657087;line-height:1.55;margin:0}.fr456-patterns strong{font-size:1.8rem}.fr456-hud{display:flex;gap:14px;align-items:center;color:#596479}.fr456-question{background:#f0f3f7;border-radius:18px;padding:20px;margin:18px 0}.fr456-question>span{font-size:.72rem;letter-spacing:.12em;color:#667188}.fr456-question h3{font-size:clamp(1.35rem,3vw,2rem);margin:.3em 0}.fr456-question p{margin:0;color:#606b80}.fr456-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.fr456-choices button{border:1px solid #d8dee8;background:#fff;border-radius:14px;padding:14px;text-align:left;font:inherit;font-weight:700;cursor:pointer}.fr456-choices button.is-correct{border-color:#46755c;background:#eef8f1}.fr456-choices button.is-wrong{border-color:#b86161;background:#fff1f1}.fr456-practicecontrols{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}.fr456-practicecontrols label{min-width:160px}.fr456-clock{display:inline-block;margin-top:12px}.fr456-history{display:grid;gap:8px;margin-top:16px}.fr456-history article{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e3e7ed;padding:10px 0}.fr456-history p{margin:0;overflow-wrap:anywhere}.fr456-history time{color:#768094;font-size:.8rem;white-space:nowrap}.fr456-details summary{font-weight:800;cursor:pointer}.fr456-toast{position:fixed;right:18px;bottom:18px;max-width:min(360px,calc(100vw - 36px));background:#172033;color:#fff;border-radius:13px;padding:11px 14px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:30}.fr456-toast.is-show{opacity:1;transform:none}.fr456-two{grid-template-columns:1fr 1fr}.fr456-two .fr456-barblock{min-width:0}@media(max-width:850px){.fr456-hero,.fr456-workgrid{grid-template-columns:1fr}.fr456-trust{max-width:560px}.fr456-conceptgrid,.fr456-patterns,.fr456-detailgrid{grid-template-columns:repeat(2,1fr)}.fr456-explaincards{grid-template-columns:1fr}.fr456-corehead,.fr456-sectionhead{display:block}.fr456-corehead .fr456-actions{margin-top:12px}}@media(max-width:620px){.fr456-hero{padding-top:34px}.fr456-trust{grid-template-columns:1fr 1fr}.fr456-expression{grid-template-columns:1fr 84px 1fr;gap:7px}.fr456-expression input,.fr456-expression select,.fr456-toolgrid input,.fr456-toolgrid textarea{padding:12px 10px}.fr456-toolgrid,.fr456-comparegrid{grid-template-columns:1fr}.fr456-comparemark{padding:0}.fr456-resultgrid{grid-template-columns:1fr}.fr456-conceptgrid,.fr456-patterns,.fr456-detailgrid,.fr456-choices,.fr456-two{grid-template-columns:1fr}.fr456-core,.fr456-concepts,.fr456-lab,.fr456-details{padding:16px}.fr456-history article{display:block}.fr456-history time{display:block;margin-top:4px}.fr456-actions button,.fr456-modebar button,.fr456-tabs button{padding:9px 11px;font-size:.88rem}}.fr456-practicecontrols button{background:#172033;color:#fff;border-color:#172033;font-weight:800;min-height:46px;padding-inline:18px}.fr456-practicecontrols button:hover{background:#27334a;border-color:#27334a}