/* Etmap family: compact centered tool, restrained color and readable results. */
.output-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;gap:16px}.output-toolbar>span{font-size:12px;color:#697386}.output-toolbar>div{display:flex;gap:7px}.output-control{width:36px;height:36px;border:1px solid #e5e7ee;background:#fff;color:#4f46e5;border-radius:10px;font-size:18px}.output-control:disabled{color:#a9b1bf;cursor:default;opacity:.55}.json-preview{margin:0;padding:24px;background:#fafbfe;min-height:270px;border-block:1px solid #e7e9f0;font:13px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.outputs:focus-visible{outline:2px solid #4f46e5;outline-offset:5px;border-radius:18px}[dir=rtl] .output-control{transform:rotate(180deg)}
:root{--tint:#f1f0fb;--muted:#697386;--line:#e7e9f0}body{overflow-wrap:break-word}main{max-width:1120px;padding-inline:20px}.nav{max-width:1120px;min-height:76px;padding:15px 20px;gap:24px}.brand img{width:202px;height:auto}.nav nav{margin:auto;gap:26px}.nav nav a{font-size:13px;color:#667085}.language select{font-size:12px;max-width:140px;padding:8px 24px 8px 10px;border-radius:9px}.hero{min-height:0;padding:45px 0 34px;text-align:center}.home-page{background:radial-gradient(ellipse 850px 500px at 50% 75px,#f3f1fd80,transparent 80%),#fff}.hero h1{font-size:clamp(34px,4.4vw,52px);line-height:1.13;letter-spacing:-1.8px;max-width:760px;margin:18px auto 14px;font-weight:780}.hero .lead{font-size:16px;margin:0 auto 22px;max-width:640px;color:#777f90}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:30px;background:var(--tint);color:var(--primary);padding:5px 12px;font-size:10px;letter-spacing:1.6px;font-weight:700}.dot{height:5px;width:5px;background:var(--primary);border-radius:50%}.hero-visual{display:none}.tool-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px auto 24px}.tool-tabs a{border:1px solid var(--line);background:white;color:#697386;border-radius:10px;padding:9px 17px;font-size:13px;font-weight:650}.tool-tabs a:hover{text-decoration:none;border-color:#c9c6eb}.tool-tabs a.active{border-color:transparent;background:var(--tint);color:var(--primary)}.panel{border-color:var(--line);border-radius:20px;padding:24px;box-shadow:0 18px 60px #17203906}.home-tool{max-width:780px;text-align:start;margin:0 auto;background:white}.panel-heading{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.panel-heading h2{font-size:16px;letter-spacing:-.2px;margin:0 0 2px}.panel-heading p{font-size:11px;color:#7b8393;margin:0}.form-icon{color:var(--primary);background:var(--tint);width:38px;height:38px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.format-tag{font-size:9px;letter-spacing:.6px;border:1px solid var(--line);padding:4px 7px;border-radius:5px;color:#7b8393;margin-inline-start:auto;white-space:nowrap}form label{font-size:12px;margin:14px 0 8px;color:#525d71;font-weight:650}form input:not([type=checkbox]),form textarea{font-size:14px;background:#fafbfe;border-color:#e1e5ee;border-radius:10px;padding:11px 13px;margin-top:6px;line-height:1.5}.home-tool textarea[name=topics]{min-height:96px;height:96px}.hint{font-size:11px;margin:7px 0 14px;color:#7b8393}.home-tool .two{grid-template-columns:1fr 1fr;gap:16px}fieldset{margin:18px 0 8px}legend{font-size:12px;color:#525d71}.weekday-list{gap:6px}.weekday-list label{border-color:var(--line);font-size:11px;padding:6px 9px;font-weight:500}.weekday-list label:has(input:checked){background:var(--tint);border-color:#dedaf6;color:var(--primary)}input[type=checkbox]{width:15px;height:15px}.button{border:0;background:linear-gradient(115deg,#4f46e5,#6258dc);box-shadow:0 5px 15px #4f46e51c;font-size:13px;min-height:48px;min-width:130px;border-radius:11px;padding:14px 22px;line-height:1.4}.button:hover{background:linear-gradient(115deg,#4338ca,#4f46e5)}.actions{margin-top:18px}.home-tool .actions{justify-content:flex-end}.home-tool .trust{border-top:1px solid var(--line);padding-top:15px;margin:17px 0 0;text-align:center;font-size:10px;color:#8a91a0}.secondary{font-size:12px;border-color:var(--line)}.quiet{font-size:12px}.section-heading{text-align:center;max-width:650px;margin:0 auto 30px}.section-heading h2{font-size:28px;letter-spacing:-.8px;line-height:1.25;margin:0 0 10px}.section-heading p{font-size:14px;color:#7b8393;margin:0}.workflow{padding:46px 0 50px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.step-number{display:grid;place-items:center;width:36px;height:36px;color:var(--primary);background:var(--tint);border-radius:10px;font-size:13px;font-weight:750}.step h3{font-size:16px;letter-spacing:-.2px;margin:17px 0 8px}.step p{font-size:13px;color:#7b8393;margin:0}.tool-grid{gap:20px}.tool-card{padding:24px;border-radius:15px}.tool-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--tint)}.tool-card h3{font-size:17px;margin:16px 0 8px}.tool-card p{font-size:13px;margin-bottom:20px}.tool-card .text-link{font-size:12px}.guide-section{margin-top:60px}.guide-grid{gap:12px}.guide-link{font-size:13px;font-weight:600;border-radius:12px;padding:20px 22px}.guide-link span{font-size:11px;color:#929aac}.guide-link b{font-size:16px}.faq-section{margin-top:60px}.faq{max-width:780px;margin:auto}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-size:14px;font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px}summary:after{content:'+';color:#8f97a6;font-weight:400;font-size:20px;line-height:1}details[open] summary:after{content:'−'}details p{font-size:13px;color:#697386;margin:12px 28px 0 0}.page-heading{padding:38px 0 12px}.tool-page .page-heading{text-align:center}.page-heading h1{font-size:clamp(30px,4vw,44px);margin:14px 0 12px;letter-spacing:-1.3px}.tool-page .page-heading .lead{margin:0 auto;font-size:15px}.tool-page .page-heading>a{font-size:11px;color:#8790a0}.tool-layout{grid-template-columns:minmax(0,780px);justify-content:center;gap:28px}.notes{box-shadow:none;background:#fafbfe;padding:24px}.notes h2{font-size:17px}.notes h3{font-size:15px}.notes p{font-size:13px}.notes a{font-size:12px;display:inline-block;margin:6px 22px 6px 0}.result-page{background:radial-gradient(ellipse at 50% 0,#f4f2fc,transparent 65%),#fff}.result-page main{max-width:980px}.result-page .page-heading h1{font-size:32px}.result-page .page-heading p{font-size:12px;color:#7b8393;max-width:690px}.summary{gap:12px;margin:18px 0 24px}.stat{background:white;min-width:135px;padding:14px 22px;border-color:var(--line)}.stat strong{font-size:25px}.stat span{font-size:11px;color:#7b8393}.outputs{grid-auto-columns:calc((100% - 18px)/2);gap:18px;scrollbar-width:thin;scrollbar-color:var(--primary) var(--tint);overscroll-behavior-x:contain}.output-card{background:white;border-color:var(--line);padding:0;overflow:hidden}.output-card h2{font-size:16px;letter-spacing:-.2px;margin:18px 20px 6px}.output-card .meta{font-size:10px;margin:0 20px 16px;color:#8a91a0}.output-card .table-wrap{border-inline:0;border-radius:0;border-color:var(--line);height:270px;margin:0 0 18px;max-height:270px;background:#fafbfe}.output-card .button{display:flex;margin:18px 20px;width:calc(100% - 40px);min-width:0}.output-card>p:not(.meta){margin:20px;min-height:170px;font-size:12px;overflow-wrap:anywhere}.output-card td,.output-card th{font-size:11px;padding:10px;min-width:60px}.output-card th{background:#f4f5fa;color:#67718a}.output-card td{background:#fff}.flashcard{background:#fafbfe;border-color:var(--line);font-size:20px;min-height:150px;display:grid;place-items:center;text-align:center}.card-controls{margin-bottom:0}.result-actions{padding-top:6px}.article{margin:48px auto}.article h1{font-size:38px}.article h2{font-size:22px}.article p{font-size:15px}footer{padding-block:36px 24px}footer>div{max-width:1080px;margin:auto}.footer-brand{font-size:19px}.footer-brand span{font-size:11px}footer nav a{font-size:12px}footer>p{max-width:1080px;margin:24px auto 0;border-top:1px solid var(--line);padding-top:16px;font-size:10px}.result-page .panel{margin-bottom:24px}.result-page .panel h2{font-size:18px}
@media(max-width:700px){main{padding-inline:14px}.nav{padding:14px;min-height:66px;gap:12px}.brand img{width:178px}.nav nav{gap:18px;order:3;width:100%;justify-content:center}.nav nav a{font-size:12px}.hero{padding:30px 0 22px}.hero h1{font-size:34px;letter-spacing:-1.2px;margin:16px auto 12px}.hero .lead{font-size:14px;max-width:310px}.eyebrow{font-size:9px}.tool-tabs{gap:6px;margin:18px auto}.tool-tabs a{font-size:11px;padding:9px 12px}.home-tool,.panel{padding:17px;border-radius:17px}.panel-heading{gap:10px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:10px}.format-tag{font-size:8px;padding:3px 5px}.form-icon{width:32px;height:32px}.home-tool .two{grid-template-columns:1fr 1fr;gap:10px}form input:not([type=checkbox]),form textarea{font-size:16px;padding:10px;min-width:0}.weekday-list{gap:5px}.weekday-list label{font-size:10px;padding:6px}.home-tool .button{width:100%}.trust{line-height:1.8}.home-tool .trust{font-size:9px}.steps{grid-template-columns:1fr;gap:12px}.step{padding:22px}.workflow{padding:34px 0}.section-heading{margin-bottom:22px}.section-heading h2{font-size:24px}.section-heading p{font-size:13px}.tool-grid{grid-template-columns:1fr;gap:12px}.guide-section,.faq-section{margin-top:40px}.guide-grid{grid-template-columns:1fr}.guide-link{padding:18px;font-size:13px}.page-heading{padding:28px 0 12px}.result-page .page-heading h1{font-size:27px}.summary{gap:8px}.stat{padding:12px 16px;min-width:0;flex:1}.stat strong{font-size:23px}.outputs{grid-auto-columns:88%;gap:12px}.output-card h2{font-size:15px;margin:16px 16px 6px}.output-card .meta{margin-inline:16px}.output-card .button{margin:16px;width:calc(100% - 32px)}.notes{padding:20px}.article h1{font-size:30px}.language select{font-size:11px;max-width:108px}.card-controls .button{min-width:0}.card-controls{gap:8px}footer{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:400px){.home-tool .two{grid-template-columns:minmax(0,1fr);gap:0}}