:root{--ink:#071a3f;--muted:#5d6878;--line:#dfe7ec;--paper:#f7fbfb;--teal:#078f73;--teal2:#0aa984;--mint:#eafaf5;--amber:#fff4d8;--shadow:0 16px 42px rgba(7,26,63,.08)}*{box-sizing:border-box}body.dt-page{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.65}.dt-header{height:76px;display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;padding:0 34px;background:#fff;border-bottom:1px solid var(--line)}.dt-brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:32px;font-weight:950}.dt-brand span{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:var(--teal);color:#fff}.dt-header nav{display:flex;gap:26px}.dt-header nav a{color:var(--ink);text-decoration:none;font-weight:900}.dt-free{display:inline-flex;align-items:center;min-height:42px;border-radius:8px;background:var(--teal);color:#fff;text-decoration:none;font-weight:950;padding:0 18px}.dt-shell{max-width:1840px;margin:0 auto;padding:24px 34px 0}.dt-hero{display:grid;grid-template-columns:minmax(390px,560px) minmax(0,1fr);gap:34px;align-items:start;min-height:700px}.dt-kicker{color:var(--teal);font-weight:950;margin:0 0 12px}.dt-copy h1{margin:0 0 24px;font-size:62px;line-height:1.13;font-weight:950}.dt-lead{font-size:22px;color:#263550;font-weight:760}.dt-benefits{display:grid;gap:14px;margin-top:28px}.dt-benefits article,.dt-workbench,.dt-related,.dt-guide,.dt-caution,.dt-examples,.dt-note,.dt-faq details{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.dt-benefits article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px 14px;align-items:center;min-height:112px;padding:18px}.dt-benefits span{grid-row:1/3;display:grid;place-items:center;width:54px;height:54px;border-radius:8px;background:var(--teal);color:#fff;font-weight:950}.dt-benefits b{font-size:20px}.dt-benefits small{color:var(--muted);font-weight:760}.dt-workbench{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);gap:24px;padding:24px}.dt-inputs,.dt-results{display:grid;gap:14px}.dt-inputs h2,.dt-results h2{font-size:26px;margin:0}.dt-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.dt-tabs button{min-height:50px;border:0;border-right:1px solid var(--line);background:#fff;font:inherit;font-weight:950;cursor:pointer}.dt-tabs button:last-child{border-right:0}.dt-tabs .is-active{background:var(--teal);color:#fff}.dt-inputs label{display:grid;gap:8px;font-size:20px;font-weight:950}.dt-inputs input{width:100%;border:1px solid #cfdbe0;border-radius:8px;background:#fff;padding:14px 16px;font:inherit;font-size:20px}.dt-primary{min-height:68px;border:0;border-radius:8px;background:linear-gradient(180deg,var(--teal2),var(--teal));color:#fff;font:inherit;font-size:26px;font-weight:950;cursor:pointer}.dt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dt-cards article{min-height:130px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;text-align:center}.dt-cards b{display:block;font-size:clamp(36px,3.2vw,50px);line-height:1;color:var(--teal);font-weight:950}.dt-cards span{display:block;margin-top:8px;font-weight:900}.dt-summary{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.dt-summary h3{font-size:24px;margin:0 0 12px}.dt-line{display:grid;grid-template-columns:26px 1fr 26px;align-items:center;margin:18px 0}.dt-line span{height:26px;border-radius:50%;background:var(--teal)}.dt-line i{height:6px;background:linear-gradient(90deg,var(--teal),#7cd9c1);display:block}.dt-summary pre{white-space:pre-wrap;font:18px/1.65 inherit;font-weight:820;color:#263550;background:#f7fbfb;border:1px solid var(--line);border-radius:8px;padding:14px}.dt-summary button{min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--teal);font:inherit;font-weight:950;padding:0 20px;cursor:pointer}.dt-lower{display:grid;grid-template-columns:1.05fr .95fr 1fr;gap:20px;margin:24px 0}.dt-related,.dt-guide,.dt-caution,.dt-examples{padding:22px}.dt-related h2,.dt-guide h2,.dt-caution h2,.dt-examples h2,.dt-note h2,.dt-faq h2{font-size:28px;margin:0 0 14px}.dt-related div,.dt-examples div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dt-related a,.dt-examples article{display:grid;gap:4px;min-height:82px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-decoration:none;padding:12px}.dt-related small,.dt-examples small{color:var(--muted);font-weight:730}.dt-guide ol{font-size:18px;font-weight:850;margin:0;padding-left:28px}.dt-guide li{margin:10px 0}.dt-caution{background:var(--amber)}.dt-caution ul{margin:0;padding-left:22px;font-size:18px;font-weight:850;color:#6a460b}.dt-note{padding:28px;margin:22px 0}.dt-note p,.dt-faq p{font-size:18px;color:#334258;font-weight:720}.dt-faq{display:grid;gap:12px;margin:24px 0 44px}.dt-faq details{padding:18px 22px}.dt-faq summary{font-size:18px;font-weight:950;cursor:pointer}.dt-footer{padding:34px;text-align:center;background:#063c37;color:#edfffb;font-weight:950}.dt-page svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.dt-brand span svg{width:28px;height:28px}.dt-benefits span svg{width:32px;height:32px}.dt-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px}.dt-primary svg{width:30px;height:30px}.dt-mini-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--mint);color:var(--teal);grid-row:1/3}.dt-mini-icon svg{width:26px;height:26px}.dt-related a,.dt-examples article{grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:4px 12px}.dt-related a b,.dt-examples article b{grid-column:2/3;font-size:16px}.dt-related a small,.dt-examples article small{grid-column:2/3}.dt-related a i{grid-column:3/4;grid-row:1/3;color:#263550}.dt-related a i svg{width:18px;height:18px}.dt-examples article{grid-template-columns:42px minmax(0,1fr)}@media(max-width:1360px){.dt-header{height:auto;grid-template-columns:1fr;padding:16px 20px}.dt-header nav{overflow:auto}.dt-shell{padding:20px 16px 0}.dt-hero,.dt-workbench,.dt-lower{grid-template-columns:1fr}.dt-copy h1{font-size:50px}}@media(max-width:820px){.dt-copy h1{font-size:38px}.dt-lead{font-size:18px}.dt-tabs,.dt-cards,.dt-related div,.dt-examples div{grid-template-columns:1fr}.dt-brand{font-size:24px}.dt-free{justify-content:center}}