/* Yelya's shared visual language: Etmap spacing, type and tool hierarchy. */
:root{--blue:#0284c7;--navy:#172033;--soft:#f6faff;--line:#e8edf4;color:#172033;line-height:1.65}
header{height:84px;max-width:1120px;padding:0;border:0;gap:38px;justify-content:space-between}body:before{content:"";position:absolute;top:83px;left:0;right:0;border-bottom:1px solid #edf0f6;pointer-events:none}.brand img{width:154px;height:auto}nav{justify-content:center;gap:25px}nav a{font-size:13px;font-weight:650;color:#667184}.language{width:110px;margin:0}.language select{background:#fff;border-color:#edf0f6;padding:9px 11px;font-size:12px;margin:0;border-radius:9px;font-weight:500}
main{max-width:1120px;padding:0 0 70px}.tool-page{background:radial-gradient(ellipse 700px 350px at 50% 140px,#eaf6ff80,transparent 100%),#fff}.hero{padding:53px 20px 0;margin:0 auto;max-width:920px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfedf7;border-radius:30px;background:#eff8fd;color:#0273a7;font-size:10px;letter-spacing:1.3px;font-weight:750;padding:5px 12px;margin:0}.eyebrow-dot{width:5px;height:5px;background:#0284c7;border-radius:50%}h1{color:#172033;margin:21px auto 16px;font-size:clamp(34px,4.4vw,54px);letter-spacing:-1.8px;font-weight:800;line-height:1.12;max-width:900px}.hero p{margin:auto;font-size:16px;line-height:1.6;color:#788295;max-width:650px}.tool-tabs{display:flex;justify-content:center;gap:8px;margin:26px auto 22px;flex-wrap:wrap}.tool-tabs a{font-size:13px;font-weight:650;color:#667184;border:1px solid #e5eaf0;border-radius:10px;padding:10px 18px;background:#fff;line-height:1.5}.tool-tabs a:hover{text-decoration:none;color:#0369a1;border-color:#c9e1f0}.tool-tabs a.active{color:#0369a1;background:#ecf7fd;border-color:#d7ebf8}
.workspace{max-width:860px;margin:0 auto;padding:27px 26px 25px;border-color:#e5eaf0;border-radius:20px;box-shadow:0 16px 55px #233b8008;background:#fff}.form-grid{gap:15px 20px}.workspace label{font-size:12px;color:#69758a;font-weight:500;margin-bottom:16px}input,select,textarea{background:#f9fbfd;border:1px solid #e0e6ef;font-size:14px;border-radius:10px;padding:12px 13px;color:#243147;margin-top:7px;line-height:1.6}input:hover,select:hover,textarea:hover{border-color:#c5d4e4}input:focus,select:focus,textarea:focus{background:#fff}.advanced{grid-column:1/-1;order:10;border-top:1px solid #edf0f6;font-size:12px;color:#788295;padding:10px 0 0;margin:0}.advanced summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;width:fit-content}.advanced summary:before{content:"+";font-size:15px;color:#0284c7}.advanced[open] summary:before{content:"−"}.advanced label{max-width:420px;margin-top:12px}.advanced small{font-size:12px}.workspace fieldset{margin:18px 0 20px}.workspace legend{font-size:12px;color:#69758a;font-weight:500;margin-bottom:9px}#zone-rows{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zone-row{display:flex;flex-wrap:nowrap;gap:0;margin:0;border:1px solid #e0e6ef;background:#f9fbfd;border-radius:10px;min-width:0;overflow:hidden}.zone-row label{margin:0;flex:1;min-width:0}.zone-row select{border:0;background:transparent;margin:0;padding:12px;font-size:13px;border-radius:0}.zone-row select:focus-visible{outline-offset:-3px}.zone-row button{margin:0;background:transparent;border:0;padding:10px;width:39px;flex:none;color:#8898aa;font-size:22px;font-weight:400;line-height:1}.zone-row button:hover{color:#075985;background:#edf6fc}#add-zone{margin-top:12px;padding:4px 0;font-size:12px;font-weight:600;border:0;background:transparent;color:#0273a7}#add-zone:hover{color:#075985;text-decoration:underline}.primary{background:#0284c7;border-radius:11px;padding:14px 24px;box-shadow:0 5px 13px #0284c715;font-size:14px;font-weight:700}.primary:hover{background:#0273b0}.workspace .actions{border-top:1px solid #edf0f6;padding-top:20px;justify-content:flex-end}.workspace .actions #progress{margin-inline-end:auto;order:-1}.workspace .hint{font-size:12px}.tool-meta{display:flex;justify-content:center;gap:28px;font-size:11px;color:#8a94a6;margin:18px auto 0}.tool-meta b{font-weight:600;color:#0284c7;margin-inline-end:5px}
.plain{margin-top:0;padding:48px 0;font-size:14px;color:#798397}.section-heading{text-align:center;max-width:720px;margin:0 auto 30px}.section-heading h2{font-size:29px;letter-spacing:-.9px;line-height:1.3;margin:0 0 9px;font-weight:750}.section-heading p{font-size:14px;color:#8992a3;margin:0}.section-kicker{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#0284c7;font-weight:700;display:block;margin-bottom:10px}.process-section{padding-top:65px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{border:1px solid #e8edf4;border-radius:15px;padding:24px;background:#fff}.step-number{display:grid;place-items:center;background:#edf7fd;color:#0284c7;font-size:15px;font-weight:750;width:37px;height:37px;border-radius:10px;margin-bottom:17px}.step h3{font-size:16px;color:#283348;margin:0 0 8px;letter-spacing:-.2px}.step p{font-size:13px;color:#7b8598;margin:0;line-height:1.8}.tools-section{border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6;background:#f8fbfe;margin-top:2px;padding:43px 28px;border-radius:18px}.tool-card{border:1px solid #e3eaf3;background:white;border-radius:15px;padding:24px;color:inherit;box-shadow:none}.tool-symbol{display:grid;place-items:center;width:42px;height:42px;font-size:23px;color:#0284c7;background:#edf7fd;border-radius:12px}.tool-card h3{color:#253247;margin:16px 0 8px;font-size:17px;font-weight:650}.tool-card p{color:#7d879a;font-size:13px;line-height:1.8;margin:0 0 17px}.tool-link{color:#0284c7;font-size:12px;font-weight:650}.tool-card:hover{box-shadow:0 7px 22px #264d8008;border-color:#d4e4f1}.practical{max-width:780px;margin:auto;padding-top:47px}.practical h2{font-size:24px;letter-spacing:-.5px}.practical>p{margin-bottom:25px;line-height:1.9}.practical details{border-bottom:1px solid #e5eaf3;padding:18px 0}.practical summary{font-size:14px;color:#344056;cursor:pointer;font-weight:600}.practical details p{font-size:13px;line-height:1.9}.guide-section{padding:48px 0 15px}.guides-grid{gap:20px}.guides-grid a{background:#fff;border:1px solid #e6ecf3;border-radius:14px;padding:20px 22px;transition:border-color .15s}.guides-grid a:hover{border-color:#b8dcee;text-decoration:none}.guides-grid h3{font-size:16px;margin:0 0 14px;color:#2b384e;line-height:1.5}.guides-grid span{font-size:12px;color:#0284c7;font-weight:600}
.content-page .hero,.result-page .hero{text-align:left;margin:0 auto 32px;max-width:900px;padding:48px 0 0}.content-page .hero h1,.result-page .hero h1{margin-inline:0;font-size:40px;letter-spacing:-1.2px}.content-page .hero p{margin-inline:0;font-size:16px}.prose{margin:auto;max-width:780px;font-size:15px;color:#68758b;line-height:1.9}.result-page main{max-width:1040px}.result-page .hero{max-width:none}.result-cards{padding-bottom:28px;gap:20px}.result-card{background:#fff;border:1px solid #e1e7f0;border-radius:18px;padding:24px;box-shadow:0 8px 24px #17255404}.result-card h2{font-size:15px;font-weight:650;color:#586a84;margin-bottom:20px}.clock-time{font-size:40px;letter-spacing:-1.7px;font-variant-numeric:tabular-nums;line-height:1.2;color:#172554}.result-card dl{border-top:1px solid #edf0f6;padding-top:6px;margin-top:20px;font-size:12px}.result-card dt{font-size:11px}.result-card dd{font-size:13px;color:#43516a}.result-card .preview{border:1px solid #edf0f6;background:#f8fbfd;color:#69778d}.result-card .primary{margin-top:12px}.result-page #back{margin-top:8px}.result-page .hint{font-size:12px}.result-page{background:linear-gradient(#f8fbfe 84px,#fff 380px)}
footer{display:block;padding:38px max(20px,calc((100vw - 1120px)/2)) 22px;background:#f8fbfe;border-color:#e8edf5}.footer-main{display:grid;grid-template-columns:2fr 1.4fr 1fr 1.2fr;gap:35px}.footer-brand img{width:145px;height:auto}.footer-brand p{max-width:300px;white-space:pre-line;font-size:12px;color:#7d889b;line-height:1.9;margin-top:14px}.footer-column{display:flex;flex-direction:column;gap:9px;align-items:flex-start}.footer-column b{font-size:11px;color:#354057;margin:4px 0 9px}.footer-column a{font-size:12px;color:#7c8799}.footer-bottom{border-top:1px solid #e2e8f0;margin-top:27px;padding-top:18px;display:flex;justify-content:space-between;gap:20px}.footer-bottom small{font-size:10px;color:#929cad}
body:has([name="date"]) #zone-rows{grid-template-columns:1fr}body:has([name="date"]) .zone-row{border:0;background:transparent;gap:12px;overflow:visible}body:has([name="date"]) .zone-row>label:first-child{flex:1.7}body:has([name="date"]) .zone-row .hour{flex:1}body:has([name="date"]) .zone-row label:not(:first-child){font-size:11px}body:has([name="date"]) .zone-row select{background:#f9fbfd;border:1px solid #e0e6ef;border-radius:10px;padding:12px;margin-top:7px}body:has([name="date"]) .zone-row>label:first-child{padding-top:18px}body:has([name="date"]) .zone-row button{align-self:flex-end;margin-bottom:3px}.workspace:has([name="title"])>.form-grid{grid-template-columns:1fr 1fr}
@media(max-width:1160px){header{margin-inline:24px}main{margin-inline:24px}.result-page main{margin-inline:24px}.footer-main{gap:24px}}
@media(max-width:800px){header{height:auto;min-height:75px;padding:14px 0;margin-inline:20px;gap:16px;flex-wrap:wrap}body:before{top:120px}nav{order:3;flex-basis:100%;gap:19px;justify-content:center;font-size:12px;margin:0 0 4px;flex-wrap:wrap}nav a{font-size:12px}.language{margin-inline-start:auto}.hero{padding:36px 0 0}.tool-tabs{gap:7px;margin:22px 0 20px}.tool-tabs a{padding:9px 13px;font-size:12px}main{padding:0 0 45px;margin-inline:20px}.workspace{padding:21px}.form-grid{grid-template-columns:1fr 1fr;gap:12px}.tool-meta{gap:14px;font-size:10px;flex-wrap:wrap}.steps,.tools-grid{grid-template-columns:1fr}.step{padding:22px}.step-number{float:inline-start;margin-inline-end:16px;margin-bottom:8px}.step h3{padding-top:5px}.step p{clear:both;padding-top:8px}.process-section{padding-top:46px}.plain{padding-block:35px}.section-heading h2{font-size:25px}.tools-section{padding:30px 20px}.tool-card h3{margin-top:12px}.guides-grid{grid-template-columns:1fr 1fr;gap:13px}.guides-grid a{padding:18px}.content-page .hero,.result-page .hero{padding:35px 0 0}.content-page .hero h1,.result-page .hero h1{font-size:34px}.footer-main{grid-template-columns:1fr 1fr;gap:26px}.footer-brand{grid-column:1/-1}.footer-column{gap:8px}.footer-bottom{flex-direction:column;gap:6px}.result-page main{margin-inline:20px}}
@media(max-width:540px){.form-grid{grid-template-columns:1fr;gap:0}#zone-rows{grid-template-columns:1fr;gap:10px}.zone-row>label:first-child{flex-basis:auto}body:has([name="date"]) .zone-row{flex-wrap:wrap;gap:8px;margin-bottom:10px}body:has([name="date"]) .zone-row>label:first-child{flex-basis:100%;padding:0}body:has([name="date"]) .zone-row .hour{flex:1}.workspace .actions .primary{width:100%}.workspace .actions #progress{width:100%}.workspace .actions #cancel{width:100%}.tool-meta{gap:8px 15px;line-height:1.7}.guides-grid{grid-template-columns:1fr}.hero p{font-size:14px;max-width:330px}h1{font-size:36px;max-width:360px;letter-spacing:-1.25px}.tool-tabs a{padding:9px 11px;font-size:11px}.tool-tabs{gap:6px}header .brand img{width:140px}.workspace{border-radius:16px;padding:19px}.advanced{padding-top:12px}.workspace fieldset{margin-top:15px}.workspace .actions{padding-top:17px}.section-heading{margin-bottom:24px}.result-card{flex:1 0 260px}.tools-section{border-radius:14px}.hero .eyebrow{font-size:9px}.result-page .hero h1{font-size:34px}footer .footer-column:last-child{grid-column:1/-1}}
@media(max-width:360px){header,main,.result-page main{margin-inline:14px}nav{gap:10px 16px}nav a{font-size:11px}.language{width:104px}.tool-tabs a{font-size:10px;padding:9px 10px}h1{font-size:33px}.workspace{padding:16px}.tool-meta{font-size:9px}.result-card{flex-basis:245px}.footer-main{gap:22px}}
.participant-time{padding:13px 0;border-top:1px solid #edf0f6;display:grid;gap:4px}.participant-zone{font-size:11px;color:#718098}.participant-time strong{font-size:14px;color:#35455f;font-weight:600}.participant-time small{font-size:11px}.slot-reference{font-size:11px;color:#7d8ba0;margin:6px 0 20px}.slot-duration{font-size:12px;color:#65758c;margin:17px 0 0}