@font-face{font-family:Inter;src:url('/fonts/InterVariable-about-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+011E-011F,U+0130-0131,U+015E-015F,U+2000-206F,U+20A0-21FF,U+FEFF,U+FFFD}
.wo-page{--wo-navy:#082d3f;--wo-blue:#006c99;--wo-copy:#486979;--wo-rule:#aac9d7;background:#fff;color:var(--wo-navy);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.85;color-scheme:light}
.wo-page *{box-sizing:border-box;min-width:0}
.wo-page .wo-wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.wo-page .wo-section{padding-block:74px}
.wo-page :is(h1,h2,h3,h4){color:inherit;font-weight:640;letter-spacing:-.045em;line-height:1.15;text-wrap:balance}
.wo-page h1{font-size:clamp(54px,4.6vw,67px);letter-spacing:-.055em;margin:0}
.wo-page h2{font-size:clamp(34px,3.1vw,44px);margin:0}
.wo-page h3{font-size:25px;line-height:1.25;margin:0 0 16px}
.wo-page em{font-style:normal;color:var(--wo-blue)}
.wo-page p{margin:0 0 1.4em}
.wo-page a{text-decoration:none}
.wo-page :is(a,summary):focus-visible{outline:3px solid #0085bc;outline-offset:5px}
.wo-page .wo-arrow{flex:0 0 24px;width:24px;font-size:21px;line-height:1.4;text-align:right}
.wo-page .wo-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:9px;line-height:1.8;font-weight:650;letter-spacing:.1em;color:var(--wo-blue);margin:0 0 21px}
.wo-page .wo-label>span{border-right:1px solid #8db8cb;padding-right:14px;letter-spacing:.04em}
.wo-page .wo-entry{background:#f1f6f8;padding:20px 0 32px}
.wo-page .wo-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;line-height:1.8;color:#486c7e;border-bottom:1px solid var(--wo-rule);padding-bottom:13px;margin-bottom:29px}
.wo-page .wo-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.wo-page .wo-entry-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:110px;align-items:center}
.wo-page .wo-lead{font-size:19px;line-height:1.7;font-weight:550;letter-spacing:-.02em;max-width:650px;margin:23px 0 0}
.wo-page .wo-current-copy{font-size:15px;line-height:1.95;color:var(--wo-copy);max-width:680px;margin-top:24px}
.wo-page .wo-current-copy p{margin:0}
.wo-page .wo-current-copy p+p{margin-top:18px}
.wo-page .wo-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:54px;padding:15px 19px;background:#0077aa;border:1px solid #0077aa;color:#fff;font-size:13px;font-weight:650;line-height:1.6;transition:background .18s}
.wo-page .wo-primary:hover{background:#005f89}
.wo-page .wo-entry-grid>div>.wo-primary{margin-top:24px}
.wo-page .wo-source-detail{border-top:2px solid #88bcd3;background:#fff;padding:25px 24px 23px}
.wo-page .wo-source-detail figure{margin:0}
.wo-page .wo-source-detail img{display:block;width:150px;max-width:100%;height:auto;margin:0 auto}
.wo-page .wo-source-detail figcaption{font-size:10px;line-height:1.9;color:#476c7e;margin-top:15px}
.wo-page .wo-source-label{border-top:1px solid var(--wo-rule);padding-top:19px;margin-top:18px}
.wo-page .wo-source-label>span{display:block;font-size:8px;font-weight:650;line-height:1.8;letter-spacing:.07em;color:#006b97;margin-bottom:14px}
.wo-page .wo-source-label h2{font-size:31px;line-height:1.2;letter-spacing:-.04em}
.wo-page .wo-source-label p{font-size:11px;line-height:1.95;color:#496d7f;margin:16px 0 0}
.wo-page .wo-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-bottom:32px}
.wo-page .wo-section-heading>p{font-size:16px;line-height:1.95;color:var(--wo-copy);margin:0}
.wo-page .wo-surface-relation{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:45px;border-block:1px solid var(--wo-rule)}
.wo-page .wo-surface-relation article{padding:25px 0}
.wo-page .wo-surface-relation article:nth-child(2){border-inline:1px solid var(--wo-rule);padding-inline:28px}
.wo-page .wo-surface-relation article>span{display:block;font-size:9px;font-weight:650;line-height:1.8;letter-spacing:.08em;color:#006b97;margin-bottom:23px}
.wo-page .wo-surface-relation h3{font-size:32px;line-height:1.25;margin-bottom:17px}
.wo-page .wo-surface-relation article>p{font-size:14px;line-height:1.95;color:var(--wo-copy);margin:0}
.wo-page .wo-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;border-bottom:1px solid #87b3c8;font-size:11px;line-height:1.8;color:#00628c}
.wo-page .wo-surface-relation .wo-text-link{margin-top:19px}
.wo-page .wo-current-uses{list-style:none;font-size:11px;line-height:1.95;color:#3d6579;margin:18px 0 0;padding:0}
.wo-page .wo-current-uses li+li{margin-top:7px}
.wo-page .wo-planning{background:#edf5f8}
.wo-page .wo-planning-heading{max-width:930px;margin-bottom:32px}
.wo-page .wo-planning-heading>p:last-child{font-size:16px;line-height:1.95;color:var(--wo-copy);margin:25px 0 0;max-width:830px}
.wo-page .wo-planning-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--wo-rule)}
.wo-page .wo-planning-list>li{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-bottom:1px solid var(--wo-rule);padding:28px 0}
.wo-page .wo-planning-name{display:flex;align-items:start;gap:25px}
.wo-page .wo-planning-name>span{flex:0 0 25px;color:#006b97;font-size:10px;font-weight:650;line-height:3;letter-spacing:.05em}
.wo-page .wo-planning-name h3{font-size:35px;line-height:1.2;margin:0}
.wo-page .wo-planning-list h4{font-size:24px;line-height:1.3;margin:0 0 17px}
.wo-page .wo-planning-list>li>div>p{font-size:14px;line-height:1.95;color:var(--wo-copy);margin:0}
.wo-page .wo-quote-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:start}
.wo-page .wo-quote-layout>div>p:not(.wo-label){font-size:15px;line-height:1.95;color:var(--wo-copy);margin:25px 0 0}
.wo-page .wo-quote-layout>div>p+p:not(.wo-label){margin-top:20px}
.wo-page .wo-current-specs{display:grid;grid-template-columns:1fr 1fr;gap:26px;border-top:1px solid var(--wo-rule);margin:26px 0 0;padding-top:20px}
.wo-page .wo-current-specs dt{font-size:12px;font-weight:650;line-height:1.8;color:#2e5c72}
.wo-page .wo-current-specs dd{font-size:13px;line-height:1.95;color:var(--wo-copy);margin:9px 0 0}
.wo-page .wo-quote-note{border-left:2px solid #81bcd5;background:#edf5f8;padding:28px 30px}
.wo-page .wo-quote-note>span{display:block;font-size:9px;line-height:1.8;font-weight:650;letter-spacing:.08em;color:#006b97;margin-bottom:19px}
.wo-page .wo-quote-note h3{font-size:28px;line-height:1.25;margin-bottom:22px}
.wo-page .wo-quote-note ul{font-size:13px;line-height:1.95;color:var(--wo-copy);margin:0 0 25px;padding:0 0 0 18px}
.wo-page .wo-quote-note li{padding-left:4px;margin-bottom:9px}
.wo-page .wo-quote-note .wo-primary{display:flex}
.wo-page .wo-connections{background:#eff5f8}
.wo-page .wo-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.wo-page .wo-questions{border-top:1px solid #a4c5d5}
.wo-page .wo-questions details{border-bottom:1px solid #a4c5d5}
.wo-page .wo-questions summary{display:flex;align-items:center;justify-content:space-between;gap:23px;min-height:64px;padding:21px 0;list-style:none;cursor:pointer;font-size:19px;font-weight:570;line-height:1.5;letter-spacing:-.025em}
.wo-page .wo-questions summary::-webkit-details-marker{display:none}
.wo-page .wo-question-icon{position:relative;flex:0 0 24px;width:24px;height:24px;color:#006c99}
.wo-page .wo-question-icon:before,.wo-page .wo-question-icon:after{content:'';position:absolute;width:14px;height:1px;left:5px;top:12px;background:currentColor}
.wo-page .wo-question-icon:after{transform:rotate(90deg)}
.wo-page .wo-questions details[open] .wo-question-icon:after{transform:rotate(0)}
.wo-page .wo-questions details>div{padding:0 44px 22px 0}
.wo-page .wo-questions details p{font-size:14px;line-height:1.95;color:var(--wo-copy);margin:0}
.wo-page .wo-related{border-top:1px solid #9ebfd1;margin-top:42px;padding-top:27px}
.wo-page .wo-related>h3{font-size:27px;line-height:1.25;margin-bottom:23px}
.wo-page .wo-related ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 38px;list-style:none;margin:0;padding:0}
.wo-page .wo-related a{display:flex;align-items:start;justify-content:space-between;gap:18px;min-height:55px;border-bottom:1px solid #a8c6d6;padding-bottom:14px}
.wo-page .wo-related strong{font-size:25px;font-weight:600;line-height:1.25;letter-spacing:-.035em}
.wo-page .wo-related .wo-arrow{color:#0073a1}
.wo-page .wo-related li>p{font-size:13px;line-height:1.95;color:var(--wo-copy);margin:15px 0 0}
.wo-page .wo-closing{background:#082d3f;color:#eff8fc;--wo-blue:#78d9fc;--wo-copy:#bed5e2;padding:51px 0}
.wo-page .wo-closing-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}
.wo-page .wo-closing h2{font-size:clamp(33px,3vw,43px)}
.wo-page .wo-closing-layout>div>p:not(.wo-label){font-size:15px;line-height:1.95;color:var(--wo-copy);max-width:570px;margin:25px 0 0}
.wo-page .wo-closing-actions{display:flex;flex-direction:column;gap:14px}
.wo-page .wo-closing-actions .wo-primary{display:flex}
.wo-page .wo-whatsapp{display:flex;align-items:center;justify-content:space-between;gap:23px;min-height:54px;padding:15px 19px;border:1px solid #7ba7bc;color:#e2f3fb;font-size:13px;font-weight:600;line-height:1.6}
.wo-page .wo-whatsapp:hover{background:#143f52}
.wo-page .wo-closing a:focus-visible{outline-color:#8edffd}
@media(max-width:1100px){.wo-page .wo-wrap{width:calc(100% - 64px)}.wo-page .wo-entry-grid{gap:65px}.wo-page .wo-section-heading{gap:55px}.wo-page .wo-surface-relation{gap:30px}.wo-page .wo-surface-relation article:nth-child(2){padding-inline:22px}.wo-page .wo-planning-list>li{gap:55px}.wo-page .wo-quote-layout,.wo-page .wo-faq-layout,.wo-page .wo-closing-layout{gap:55px}}
@media(max-width:900px){.wo-page .wo-section{padding-block:63px}.wo-page h1{font-size:56px}.wo-page h2{font-size:36px}.wo-page .wo-entry-grid{grid-template-columns:minmax(0,1fr) 260px;gap:38px;align-items:start}.wo-page .wo-lead{font-size:18px}.wo-page .wo-current-copy{font-size:14px}.wo-page .wo-source-detail{padding:22px 19px}.wo-page .wo-source-label h2{font-size:29px}.wo-page .wo-section-heading{gap:38px}.wo-page .wo-surface-relation{gap:25px}.wo-page .wo-surface-relation article:nth-child(2){padding-inline:19px}.wo-page .wo-surface-relation h3{font-size:28px}.wo-page .wo-surface-relation article>p{font-size:13px}.wo-page .wo-planning-list>li{gap:38px}.wo-page .wo-planning-name{gap:19px}.wo-page .wo-planning-name h3{font-size:31px}.wo-page .wo-planning-list h4{font-size:23px}.wo-page .wo-quote-layout,.wo-page .wo-faq-layout{gap:38px}.wo-page .wo-quote-note{padding:25px 22px}.wo-page .wo-quote-note h3{font-size:27px}.wo-page .wo-current-specs{display:block}.wo-page .wo-current-specs>div+div{margin-top:20px}.wo-page .wo-related ul{gap:27px}.wo-page .wo-related strong{font-size:23px}.wo-page .wo-related a{min-height:80px}.wo-page .wo-closing-layout{gap:38px}.wo-page .wo-closing h2{font-size:34px}}
@media(max-width:700px){.wo-page .wo-wrap{width:calc(100% - 40px)}.wo-page .wo-section{padding-block:52px}.wo-page .wo-entry{padding:15px 0 27px}.wo-page .wo-breadcrumb{font-size:10px;gap:8px;padding-bottom:12px;margin-bottom:25px}.wo-page .wo-label{font-size:8px;gap:8px 11px;letter-spacing:.08em;margin-bottom:19px}.wo-page .wo-label>span{padding-right:11px}.wo-page h1{font-size:51px;line-height:1.13}.wo-page h2{font-size:34px}.wo-page .wo-entry-grid{display:block}.wo-page .wo-lead{font-size:19px;line-height:1.7;margin-top:22px;max-width:none}.wo-page .wo-current-copy{font-size:15px;line-height:1.95;margin-top:23px}.wo-page .wo-current-copy p+p{margin-top:18px}.wo-page .wo-primary{display:flex;min-height:54px;gap:18px;padding:15px 17px;font-size:13px}.wo-page .wo-entry-grid>div>.wo-primary{margin-top:24px}.wo-page .wo-source-detail{max-width:300px;margin:27px auto 0;padding:24px 23px 22px}.wo-page .wo-source-detail figcaption{font-size:10px;line-height:1.9;margin-top:15px}.wo-page .wo-source-label{margin-top:18px;padding-top:19px}.wo-page .wo-source-label>span{font-size:8px;line-height:1.8;margin-bottom:14px}.wo-page .wo-source-label h2{font-size:31px;line-height:1.2}.wo-page .wo-source-label p{font-size:11px;line-height:1.95;margin-top:16px}.wo-page .wo-section-heading{display:block;margin-bottom:27px}.wo-page .wo-section-heading>p{font-size:15px;line-height:1.95;margin-top:24px}.wo-page .wo-surface-relation{display:block}.wo-page .wo-surface-relation article{padding:23px 0}.wo-page .wo-surface-relation article+article{border-top:1px solid var(--wo-rule)}.wo-page .wo-surface-relation article:nth-child(2){border-inline:0;padding-inline:0}.wo-page .wo-surface-relation article>span{font-size:9px;line-height:1.8;margin-bottom:18px}.wo-page .wo-surface-relation h3{font-size:30px;line-height:1.25;margin-bottom:17px}.wo-page .wo-surface-relation article>p{font-size:14px;line-height:1.95}.wo-page .wo-text-link{font-size:12px;min-height:44px;line-height:1.8;gap:20px}.wo-page .wo-surface-relation .wo-text-link{margin-top:18px}.wo-page .wo-current-uses{font-size:11px;line-height:1.95;margin-top:18px}.wo-page .wo-planning-heading{margin-bottom:27px}.wo-page .wo-planning-heading>p:last-child{font-size:15px;line-height:1.95;margin-top:24px}.wo-page .wo-planning-list>li{display:block;padding:24px 0}.wo-page .wo-planning-name{gap:18px;margin-bottom:21px}.wo-page .wo-planning-name>span{flex:0 0 24px;font-size:10px;line-height:3}.wo-page .wo-planning-name h3{font-size:34px;line-height:1.2}.wo-page .wo-planning-list h4{font-size:24px;line-height:1.3;margin-bottom:17px}.wo-page .wo-planning-list>li>div>p{font-size:14px;line-height:1.95}.wo-page .wo-quote-layout{display:block}.wo-page .wo-quote-layout>div>p:not(.wo-label){font-size:15px;line-height:1.95;margin-top:24px}.wo-page .wo-quote-layout>div>p+p:not(.wo-label){margin-top:20px}.wo-page .wo-current-specs{margin-top:24px;padding-top:20px}.wo-page .wo-current-specs dt{font-size:12px;line-height:1.8}.wo-page .wo-current-specs dd{font-size:13px;line-height:1.95;margin-top:9px}.wo-page .wo-current-specs>div+div{margin-top:20px}.wo-page .wo-quote-note{margin-top:26px;padding:24px 20px}.wo-page .wo-quote-note>span{font-size:8px;line-height:1.8;margin-bottom:17px}.wo-page .wo-quote-note h3{font-size:28px;line-height:1.25;margin-bottom:20px}.wo-page .wo-quote-note ul{font-size:13px;line-height:1.95;margin-bottom:23px}.wo-page .wo-quote-note li{padding-left:3px;margin-bottom:9px}.wo-page .wo-faq-layout{display:block}.wo-page .wo-questions{margin-top:26px}.wo-page .wo-questions summary{font-size:19px;line-height:1.5;gap:18px;min-height:64px;padding:21px 0}.wo-page .wo-questions details>div{padding:0 23px 22px 0}.wo-page .wo-questions details p{font-size:14px;line-height:1.95}.wo-page .wo-related{margin-top:32px;padding-top:25px}.wo-page .wo-related>h3{font-size:27px;line-height:1.25;margin-bottom:24px}.wo-page .wo-related ul{grid-template-columns:1fr 1fr;gap:26px 22px}.wo-page .wo-related a{min-height:80px;gap:12px;padding-bottom:13px}.wo-page .wo-related strong{font-size:23px;line-height:1.25}.wo-page .wo-related li>p{font-size:12px;line-height:1.95;margin-top:14px}.wo-page .wo-closing{padding:44px 0}.wo-page .wo-closing-layout{display:block}.wo-page .wo-closing h2{font-size:33px}.wo-page .wo-closing-layout>div>p:not(.wo-label){font-size:15px;line-height:1.95;margin-top:23px}.wo-page .wo-closing-actions{margin-top:27px;gap:13px}.wo-page .wo-whatsapp{font-size:13px;min-height:54px;padding:15px 17px;gap:18px}}
@media(max-width:374px){.wo-page h1{font-size:48px}.wo-page h2{font-size:32px}.wo-page .wo-related ul{gap:25px 18px}.wo-page .wo-related strong{font-size:21px}.wo-page .wo-closing h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.wo-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Approved design rhythm — page-specific reading and composition. */
.wo-page .wo-section{padding-block:44px}
.wo-page .wo-section-heading,.wo-page .wo-surface-relation,.wo-page .wo-planning-list>li,.wo-page .wo-quote-layout,.wo-page .wo-faq-layout,.wo-page .wo-closing-layout{gap:36px}
.wo-page .wo-section-heading>p,.wo-page .wo-planning-heading>p:last-child,.wo-page .wo-quote-layout>div>p:not(.wo-label),.wo-page .wo-questions details p{font-size:17px;line-height:1.72}
.wo-page .wo-section-heading,.wo-page .wo-planning-heading{margin-bottom:24px}
.wo-page .wo-closing{padding-block:32px}
.wo-page .wo-related{margin-top:24px;padding-top:24px}.wo-page .wo-related a{min-height:44px}
@media(max-width:1000px){.wo-page .wo-section{padding-block:38px}
}
@media(max-width:700px){.wo-page .wo-section,.wo-page .wo-closing{padding-block:26px}
.wo-page .wo-section-heading,.wo-page .wo-planning-heading{margin-bottom:22px}
.wo-page .wo-section-heading>p,.wo-page .wo-planning-heading>p:last-child,.wo-page .wo-quote-layout>div>p:not(.wo-label){margin-top:18px}.wo-page .wo-quote-note,.wo-page .wo-questions,.wo-page .wo-closing-actions{margin-top:22px}
}
@media print{.wo-page{background:#fff;color:#111}.wo-page .wo-section{padding-block:26px}.wo-page .wo-closing{background:#eee;color:#111}.wo-page .wo-closing p{color:#222}.wo-page :is(h2,h3,h4){break-after:avoid}.wo-page .wo-planning-list>li,.wo-page .wo-questions details{break-inside:avoid}}

/* Su yolu stüdyosu. Product-local drawing, planning and reference modules. */
.wo-page{font-family:inherit;--wo-blue:#007db3;--wo-copy:#456776;--wo-rule:#c9dce6;line-height:1.55}
.wo-page [hidden]{display:none!important}
.wo-page button,.wo-page textarea{font:inherit;color:inherit}
.wo-page :is(button,textarea,input):focus-visible{outline:3px solid #008abc;outline-offset:3px}
.wo-page .wo-entry{padding:10px 0 18px;background:linear-gradient(118deg,#fff 22%,#f4fafd 60%,#e4f3fa)}
.wo-page .wo-breadcrumb{border:0;margin:0 0 9px;padding:0}
.wo-page .wo-breadcrumb a{min-height:29px}
.wo-page .wo-label{font-size:10px;margin-bottom:9px}
.wo-page .wo-entry-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(18px,3.6vw,55px);align-items:center}
.wo-page h1{font-size:clamp(48px,5.4vw,74px)}
.wo-page .wo-entry .wo-lead{font-size:clamp(22px,2vw,30px);line-height:1.24;margin:8px 0}
.wo-page .wo-current-copy{margin-top:9px;font-size:15px;line-height:1.55}
.wo-page .wo-primary,.wo-page .wo-whatsapp{min-height:45px;border-radius:4px;padding:10px 16px}
.wo-page .wo-entry-grid>div>.wo-primary{margin-top:13px}
.wo-page figure{margin:0}
.wo-page figcaption{font-size:12px;color:var(--wo-copy);line-height:1.4}
.wo-page .wo-hero-art figcaption{text-align:right}
.wo-page .wo-model{display:block;width:100%;height:auto;stroke:none}
.wo-page .wo-model [data-wo-part]{cursor:pointer}
.wo-page .wo-guide{display:grid;grid-template-columns:repeat(4,1fr);padding-block:9px;border-bottom:1px solid var(--wo-rule)}
.wo-page .wo-guide a{min-height:44px;display:flex;align-items:center;gap:9px;padding-inline:12px;border-left:1px solid var(--wo-rule);color:var(--wo-navy);font-size:14px;font-weight:600}
.wo-page .wo-guide a:first-child{border:0}
.wo-page .wo-guide a>span:first-child{color:var(--wo-blue);font-size:12px}
.wo-page .wo-guide .wo-arrow{margin-left:auto;color:var(--wo-blue)}
.wo-page :is(#wo-context-title,#wo-planning-title,#wo-anatomy,#wo-quote-title){scroll-margin-top:100px}
.wo-page .wo-section{padding-block:clamp(23px,2.7vw,39px)}
.wo-page .wo-intro-pair,.wo-page .wo-view{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3.5vw,46px);align-items:center}
.wo-page .wo-intro-pair p:not(.wo-label),.wo-page .wo-planning h2+p,.wo-page .wo-view p{font-size:15px;line-height:1.6;color:var(--wo-copy);margin:10px 0 0}
.wo-page .wo-intro-pair .wo-current-uses{display:flex;gap:6px 14px;flex-wrap:wrap;padding:0;margin-top:10px;list-style:none;color:var(--wo-blue);font-size:12px}
.wo-page .wo-context-photo{position:relative}
.wo-page .wo-context-photo img{display:block;width:100%;height:auto;aspect-ratio:2;object-fit:cover;border-radius:6px}
.wo-page .wo-context-photo figcaption{position:absolute;bottom:7px;left:7px;padding:3px 8px;color:white;background:#113447dd;border-radius:2px}
.wo-page .wo-instrument{margin-top:17px}
.wo-page .wo-picks{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.wo-page [data-wo-key]{min-height:44px;padding:7px 14px;background:#fff;border:1px solid var(--wo-rule);border-radius:4px;font-size:14px;font-weight:600;cursor:pointer}
.wo-page [aria-pressed=true]{color:#005d86;background:#e8f5fb;border-color:#0085b8;box-shadow:inset 0 -2px #0085b8}
.wo-page .wo-view{grid-template-columns:1.16fr .84fr}
.wo-page .wo-view figure{padding:9px 14px;background:radial-gradient(ellipse at 40% 25%,white,#eef7fb);border:1px solid var(--wo-rule);border-radius:6px}
.wo-page .wo-view svg{aspect-ratio:2.18;max-height:260px}
.wo-page .wo-view h3{font-size:24px;margin:0 0 6px}
.wo-page .wo-view .wo-text-link{margin-top:9px}
.wo-page .wo-planning{background:#edf6fa}
.wo-page .wo-source-detail{margin-top:16px;display:grid;grid-template-columns:minmax(120px,190px) 1fr;align-items:center;gap:18px;background:#f4f8fa;padding:14px;border-top:1px solid var(--wo-rule)}
.wo-page .wo-source-label{padding:0;margin:0;border:0}.wo-page .wo-source-label p{font-size:14px;line-height:1.55;margin:6px 0}
.wo-page .wo-source-detail img{width:165px}
.wo-page .wo-quote{background:#f4f9fc}
.wo-page .wo-quote-note{padding:16px;background:white}
.wo-page .wo-fields{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;margin:10px 0}
.wo-page .wo-fields label{display:flex;align-items:center;gap:6px;min-height:44px;font-size:14px;cursor:pointer}
.wo-page .wo-fields input{accent-color:#007fb5}
.wo-page .wo-prep textarea{width:100%;resize:vertical;padding:7px;border:1px solid #a4bdcb;border-radius:4px}
.wo-page .wo-prep p,.wo-page .wo-prep small,.wo-page .wo-copy span{color:var(--wo-copy);font-size:13px}
.wo-page .wo-copy{margin:9px 0}.wo-page .wo-copy button{color:white;cursor:pointer}.wo-page .wo-copy button:disabled{opacity:.6;cursor:default}
.wo-page .wo-copy span{display:block;margin-top:4px}
.wo-page .wo-questions summary{min-height:48px;padding:12px 4px;font-size:17px}
.wo-page .wo-related a{align-items:center;min-height:44px;gap:6px}.wo-page .wo-related img{width:42px;height:37px;object-fit:contain}.wo-page .wo-related strong{font-size:18px;flex:1}
.wo-page .wo-closing{background:repeating-linear-gradient(163deg,transparent 0 74px,#c2deeb77 75px,transparent 76px),linear-gradient(115deg,#fff,#e3f2fa);color:var(--wo-navy);--wo-blue:#007db3;--wo-copy:#456776}
.wo-page .wo-whatsapp,.wo-page .wo-whatsapp:hover{background:#fff;color:var(--wo-navy);border-color:#96bbce}
@media(max-width:900px){.wo-page .wo-fields{grid-template-columns:1fr}}
@media(max-width:700px){
 .wo-page .wo-entry-grid,.wo-page .wo-intro-pair,.wo-page .wo-view{grid-template-columns:1fr;gap:10px}
 .wo-page .wo-hero-art{width:100%;max-width:470px;margin:auto}.wo-page .wo-hero-art svg{max-height:210px}
 .wo-page .wo-guide{grid-template-columns:1fr 1fr}.wo-page .wo-guide a:nth-child(odd){border:0}
 .wo-page .wo-picks button{flex:1;padding:7px}
 .wo-page .wo-view>div{padding-left:11px;border-left:2px solid #0086b5}
 .wo-page .wo-source-detail{grid-template-columns:90px 1fr;padding:9px;gap:10px}
 .wo-page .wo-source-label h2{font-size:24px}
 .wo-page .wo-source-detail figcaption{margin-top:4px}
 .wo-page .wo-fields{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:no-preference){.wo-page .wo-view:not([hidden]) .wo-flow{stroke-dasharray:1;stroke-dashoffset:0;animation:wo-trace .45s ease-out both}}
@keyframes wo-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}


@media(min-width:701px){.wo-page .wo-closing{background:linear-gradient(98deg,#f4fafc 27%,#eff8fced 60%,#e3eff8af 79%,#e6f2f555),url("/images/water-studio/yuzey-hatti-768.webp") right 64% / 56% auto no-repeat}}
.wo-page .wo-current-copy p,.wo-page .wo-quote-layout>div>p:not(.wo-label){line-height:1.6}