:root{
  --od-ink:#17212b;--od-muted:#66717d;--od-line:#dfe5eb;--od-soft:#f5f7f9;--od-panel:#fff;
  --od-navy:#17324d;--od-navy-2:#244b70;--od-accent:#e6532f;--od-accent-soft:#fff0ea;--od-green:#1f7a65;
  --od-shadow:0 18px 50px rgba(23,50,77,.08);--od-radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--od-ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.od-wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.od-reading{width:min(760px,calc(100% - 40px));margin-inline:auto}.od-skip{position:fixed;left:12px;top:-70px;z-index:1000;padding:10px 14px;background:#111;color:#fff;border-radius:8px}.od-skip:focus{top:12px}
.od-header{border-bottom:1px solid var(--od-line);background:rgba(255,255,255,.96);position:relative;z-index:20}.od-header__row{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.od-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.od-brand img{display:block}.od-brand__mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--od-navy);color:#fff;font-weight:900}.od-brand__name{font-size:17px}.od-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.od-nav a{color:#35404b}.od-nav a:hover{color:var(--od-accent)}.od-menu{display:none;border:0;background:transparent;width:42px;height:42px;padding:8px}.od-menu span{display:block;height:2px;background:#27313b;margin:6px 0}
.od-intro{padding:34px 0 24px}.od-intro__row{display:flex;align-items:flex-end;justify-content:space-between;gap:36px}.od-overline,.od-label{margin:0 0 8px;color:var(--od-navy-2);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.od-intro h1{font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.04em;margin:0 0 12px}.od-intro__lead{max-width:720px;margin:0;color:#4f5b66;font-size:16px}.od-intro__facts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.od-intro__facts span{border:1px solid var(--od-line);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;background:#fff;white-space:nowrap}
.od-tool-section{padding:18px 0 46px}.od-workbench{border:1px solid #d9e0e6;border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--od-shadow)}.od-workbench__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border-bottom:1px solid var(--od-line);background:#fbfcfd}.od-workbench__bar h2{margin:0;font-size:22px;line-height:1.3}.od-mode{display:flex;border:1px solid var(--od-line);border-radius:10px;padding:3px;background:#fff}.od-mode button{border:0;background:transparent;padding:8px 18px;border-radius:7px;color:#65717c;font-weight:700}.od-mode button.is-active{background:var(--od-navy);color:#fff}.od-display{position:relative;padding:20px 26px 18px;background:linear-gradient(180deg,#fff,#fbfcfd);border-bottom:1px solid var(--od-line);min-height:126px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.od-display__formula{min-height:24px;color:#77828c;font-size:15px;overflow-wrap:anywhere}.od-display__result{font-size:clamp(40px,6vw,64px);font-weight:760;line-height:1.05;letter-spacing:-.045em;max-width:100%;overflow-wrap:anywhere}.od-display__memory{position:absolute;left:24px;bottom:20px;color:var(--od-green);font-weight:900;font-size:13px;border:1px solid #bcd9cf;background:#edf7f3;border-radius:999px;padding:3px 8px}.od-workbench__body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr)}.od-calc-area{padding:22px;border-right:1px solid var(--od-line)}.od-memory{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.od-memory button,.od-science__grid button{border:1px solid var(--od-line);background:#f8fafb;border-radius:9px;min-height:38px;font-weight:700;color:#37424d}.od-memory button:hover,.od-science__grid button:hover{border-color:#b9c5cf;background:#fff}.od-science{margin:0 0 12px;border:1px solid var(--od-line);border-radius:12px;padding:12px;background:#f9fbfc}.od-science__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;font-weight:700;color:#67717a}.od-angle{display:flex;gap:4px}.od-angle button{border:1px solid var(--od-line);background:#fff;padding:5px 9px;border-radius:7px;font-size:11px;font-weight:800}.od-angle button.is-active{border-color:var(--od-navy);background:var(--od-navy);color:#fff}.od-science__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.od-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.od-key{min-height:62px;border:1px solid #d9e1e7;background:#fff;border-radius:12px;color:#17212b;font-size:21px;font-weight:750;box-shadow:0 1px 0 rgba(23,33,43,.03)}.od-key:hover{background:#fafbfd;border-color:#c2ccd5}.od-key:active{transform:translateY(1px)}.od-key--subtle{background:#f5f7f9;color:#56616d;font-size:16px}.od-key--op{background:#eef3f7;color:var(--od-navy);border-color:#d7e0e7}.od-key--equals{background:var(--od-accent);border-color:var(--od-accent);color:#fff}.od-key--equals:hover{background:#d84827}.od-key--wide{grid-column:span 2}.od-session{padding:22px;background:#fbfcfd;display:flex;flex-direction:column;min-height:100%}.od-session__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.od-session__head h3{margin:0;font-size:18px}.od-session__head button,.od-workbench__foot button{border:0;background:transparent;color:var(--od-navy-2);font-weight:700;padding:4px}.od-history{border-top:1px solid var(--od-line);border-bottom:1px solid var(--od-line);min-height:210px;max-height:330px;overflow:auto}.od-history__empty{font-size:13px;color:#8a949d;margin:18px 0}.od-history__item{width:100%;border:0;border-bottom:1px solid #edf0f3;background:transparent;text-align:right;padding:12px 2px;display:block}.od-history__item:hover{background:#f4f7f9}.od-history__item small{display:block;color:#8a949d;font-size:12px;overflow-wrap:anywhere}.od-history__item strong{display:block;color:#1d2730;font-size:17px}.od-shortcuts{margin-top:18px}.od-shortcuts h3{font-size:14px;margin:0 0 8px}.od-shortcuts dl{margin:0}.od-shortcuts dl div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9edf0;padding:8px 0}.od-shortcuts dt,.od-shortcuts dd{margin:0;font-size:12px;color:#5f6a74}.od-shortcuts kbd{font-family:inherit;border:1px solid #cfd7de;background:#fff;border-bottom-width:2px;border-radius:5px;padding:2px 7px;font-weight:700}.od-workbench__foot{border-top:1px solid var(--od-line);padding:11px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:#79838c;background:#fff}
.od-benefits{border-top:1px solid var(--od-line);border-bottom:1px solid var(--od-line);background:#f8fafb}.od-benefits__row{display:grid;grid-template-columns:repeat(3,1fr)}.od-benefits article{display:flex;gap:16px;padding:24px;border-right:1px solid var(--od-line)}.od-benefits article:last-child{border-right:0}.od-benefits strong{font-size:12px;color:var(--od-accent);letter-spacing:.08em}.od-benefits h3{font-size:15px;margin:0 0 4px}.od-benefits p{font-size:13px;color:#68737d;margin:0}
.od-guide{padding:62px 0}.od-prose{font-size:16px;color:#2f3943}.od-prose section{margin:0 0 48px}.od-prose h2{font-size:26px;line-height:1.4;letter-spacing:-.025em;margin:0 0 18px;padding-top:4px}.od-prose h3{font-size:20px;margin:28px 0 12px}.od-prose p{margin:0 0 16px}.od-prose ul,.od-prose ol{padding-left:1.35em;margin:0 0 20px}.od-prose li{margin:7px 0}.od-prose strong{color:#17212b}.od-prose a{color:#1f5f93;text-decoration:underline;text-underline-offset:3px}.od-prose table{width:100%;border-collapse:collapse;margin:24px 0}.od-prose th,.od-prose td{border:1px solid var(--od-line);padding:10px 12px;text-align:left}.od-prose th{background:#f7f9fa}
.od-faq{padding:8px 0 70px}.od-section-heading{margin-bottom:18px}.od-section-heading h2{font-size:28px;margin:0}.od-faq__list{border-top:1px solid var(--od-line)}.od-faq details{border-bottom:1px solid var(--od-line)}.od-faq summary{list-style:none;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;padding:20px 0;font-weight:750;cursor:pointer}.od-faq summary::-webkit-details-marker{display:none}.od-faq__num{font-size:11px;color:#8a949d;letter-spacing:.08em}.od-faq summary i{font-style:normal;font-size:18px;color:#77818a;transition:transform .16s ease}.od-faq details[open] summary i{transform:rotate(45deg)}.od-faq details p{margin:0 0 22px;padding-left:54px;color:#5f6a74}
.od-page-head{padding:46px 0 32px;border-bottom:1px solid var(--od-line);background:#fafbfc}.od-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:24px;color:#7a858e;font-size:12px}.od-breadcrumb a:hover{color:var(--od-accent)}.od-page-head h1{font-size:clamp(32px,5vw,46px);line-height:1.2;margin:0 0 14px;letter-spacing:-.035em}.od-page-intro{color:#5f6a74;font-size:16px}.od-document{padding:52px 0 70px}.od-prose--page section{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #edf0f2}.od-contact{margin-top:34px;padding-top:28px;border-top:1px solid var(--od-line)}.od-contact__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.od-contact label{display:grid;gap:7px;margin-bottom:16px;font-weight:700;font-size:13px}.od-contact input,.od-contact textarea{width:100%;border:1px solid #cfd8df;border-radius:9px;background:#fff;padding:11px 12px;color:#17212b}.od-contact input:focus,.od-contact textarea:focus{outline:2px solid rgba(23,50,77,.16);border-color:var(--od-navy)}.od-submit{border:0;border-radius:9px;background:var(--od-navy);color:#fff;padding:12px 24px;font-weight:800}.od-hp{position:absolute;left:-9999px}.od-alert{padding:12px 14px;border-radius:9px;margin:20px 0;font-size:14px}.od-alert.is-success{background:#edf8f3;color:#17624f}.od-alert.is-error{background:#fff0ed;color:#9b3925}.od-page-faq{margin-top:48px}.od-page-faq details{border-bottom:1px solid var(--od-line);padding:14px 0}.od-page-faq summary{display:flex;justify-content:space-between;gap:14px;cursor:pointer;font-weight:700}.od-page-faq p{color:#616c76}.od-footer{border-top:1px solid var(--od-line);background:#f7f9fa}.od-footer__top{padding:34px 0;display:flex;justify-content:space-between;gap:40px}.od-footer__about{max-width:440px}.od-footer__brand{font-weight:850}.od-footer__about p{margin:8px 0 0;color:#6d7780;font-size:13px}.od-footer__links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;font-size:13px;font-weight:700}.od-footer__links a:hover{color:var(--od-accent)}.od-footer__bottom{border-top:1px solid #e4e8eb;padding:14px 0 22px;display:flex;justify-content:space-between;gap:20px;color:#8a939b;font-size:11px}
@media(max-width:860px){.od-wrap{width:min(100% - 28px,760px)}.od-reading{width:min(100% - 28px,720px)}.od-header__row{height:62px}.od-menu{display:block}.od-nav{display:none;position:absolute;left:14px;right:14px;top:62px;background:#fff;border:1px solid var(--od-line);box-shadow:var(--od-shadow);border-radius:12px;padding:8px;flex-direction:column;align-items:stretch;gap:0}.od-nav.is-open{display:flex}.od-nav a{padding:11px 12px;border-radius:7px}.od-nav a:hover{background:#f5f7f9}.od-intro{padding-top:24px}.od-intro__row{display:block}.od-intro__facts{justify-content:flex-start;margin-top:16px}.od-workbench__body{grid-template-columns:1fr}.od-calc-area{border-right:0;border-bottom:1px solid var(--od-line)}.od-session{min-height:auto}.od-history{min-height:120px;max-height:220px}.od-benefits__row{grid-template-columns:1fr}.od-benefits article{border-right:0;border-bottom:1px solid var(--od-line)}.od-benefits article:last-child{border-bottom:0}.od-footer__top,.od-footer__bottom{display:block}.od-footer__links{justify-content:flex-start;margin-top:20px}.od-footer__bottom span{display:block;margin-bottom:5px}}
@media(max-width:560px){.od-wrap,.od-reading{width:calc(100% - 20px)}.od-brand__name{font-size:15px}.od-intro{padding:20px 0 16px}.od-intro h1{font-size:38px;margin-bottom:8px}.od-intro__lead{font-size:14px}.od-intro__facts span{font-size:11px;padding:5px 9px}.od-tool-section{padding-top:8px}.od-workbench{border-radius:14px}.od-workbench__bar{padding:13px 14px}.od-workbench__bar h2{font-size:19px}.od-mode button{padding:7px 12px}.od-display{padding:18px 16px 14px;min-height:108px}.od-display__result{font-size:44px}.od-display__memory{left:14px;bottom:14px}.od-calc-area,.od-session{padding:14px}.od-memory{gap:5px}.od-memory button{min-height:34px;font-size:12px}.od-science{padding:8px}.od-science__grid{gap:5px}.od-science__grid button{font-size:12px;min-height:34px}.od-keypad{gap:7px}.od-key{min-height:54px;border-radius:10px;font-size:19px}.od-workbench__foot{padding:10px 14px}.od-workbench__foot span{max-width:72%;font-size:10px}.od-guide{padding:44px 0}.od-prose{font-size:15px}.od-prose section{margin-bottom:38px}.od-prose h2{font-size:22px}.od-faq{padding-bottom:52px}.od-faq summary{grid-template-columns:34px 1fr 20px;padding:17px 0}.od-faq details p{padding-left:46px;font-size:14px}.od-contact__row{grid-template-columns:1fr}.od-footer__top{padding:28px 0}.od-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}