/* FLOW02 toilet layer. Scoped; no changes to the approved shared shell. */
.tf-form-network{padding:18px;margin-bottom:25px;background:#edf5f8;border:1px solid #91b8c6;border-radius:14px}.tf-form-network p{margin:0 0 15px;font-size:15px}.tf-form-retry{font:inherit;min-height:48px;border:1px solid #93b9c7;border-radius:10px;background:white;color:#21677a;padding:10px 16px;cursor:pointer}
.tf-guide-answer{max-width:1020px;margin:40px auto;padding:25px 30px;border-left:4px solid #70a99c;background:#f5faf8;border-radius:0 24px 24px 0}.tf-guide-answer p{margin-bottom:0}.tf-guide-points{display:grid;gap:30px}.tf-guide-points>article{border-top:1px solid #adcdd1;padding:25px 0 10px;max-width:850px}.tf-guide-points .tf-button{margin-top:6px}.tf-page[data-kind=guide] .tf-section .tf-inner{max-width:1060px}.tf-sources{padding-left:22px}.tf-sources li{padding:10px 0}.tf-page[data-kind=guide] .tf-hero h1{font-size:clamp(29px,3vw,44px)}
@media(max-width:1100px){.tf-guide-answer{margin-left:28px;margin-right:28px}}
@media(max-width:600px){.tf-guide-answer{margin:26px 24px;padding:22px}.tf-guide-points{gap:18px}.tf-guide-points>article{padding-top:22px}}
/* Use approved masks, rather than approximating the silhouette with a box. */
.tf-site .tf-photo--hero .tf-photo-mask{border-radius:0;mask:url('/flow02/toilet/photo-mask-leaf-wide.svg') center/100% 100% no-repeat}
.tf-phrase{display:inline-block;max-width:100%}
.tf-site .tf-photo--portrait .tf-photo-mask{border-radius:0;mask:url('/flow02/hub/assets/photo-mask-lagoon.svg') center/100% 100% no-repeat}
.tf-site .tf-hero::before{left:0;bottom:-1px;width:100%;height:70px;border-radius:0;mask:url('/flow02/hub/assets/divider-coast.svg') center/100% 100% no-repeat}
.tf-site .tf-section--sky::before,.tf-site .tf-section--mint::before{clip-path:none;mask:url('/flow02/hub/assets/divider-coast.svg') center/100% 100% no-repeat}
.tf-page h1{text-wrap:balance}.tf-hero-copy .tf-actions{align-items:stretch}.tf-hero-copy .tf-actions>.tf-button{align-self:stretch}.tf-choice-phrase{display:inline-block;max-width:100%}
.tf-page #price .tf-rates::after{content:'';position:absolute;right:-16px;top:-44px;width:55px;height:98px;background:url('/flow02/toilet/generated/decor/wrench-360.webp') center/contain no-repeat;transform:rotate(-28deg);pointer-events:none}
.tf-site{--tf-ink:#174652;--tf-text:#385963;--tf-blue:#21677a;--tf-sky:#eaf5fc;--tf-mint:#eaf5ef;--tf-line:#b7d5da;--tf-shadow:#93b9bd;background:#fff;scroll-behavior:smooth}
.tf-site body{margin:0;background:#fff}.tf-page,.tf-page *{box-sizing:border-box}.tf-page{font-family:'Zen Kaku Gothic New','Yu Gothic',Meiryo,sans-serif;color:var(--tf-text);font-size:16px;line-height:1.95;overflow:clip}.tf-page h1,.tf-page h2,.tf-page h3{color:var(--tf-ink);margin:0;line-height:1.55;letter-spacing:.05em;overflow-wrap:anywhere}.tf-page h1{font-size:clamp(32px,3.6vw,52px);font-weight:900;line-height:1.5}.tf-page h2{font-size:clamp(25px,2.7vw,36px);font-weight:900;margin-bottom:36px}.tf-page h3{font-size:clamp(18px,1.75vw,23px);font-weight:700}.tf-page p{margin:16px 0}.tf-page a{color:var(--tf-blue);text-underline-offset:5px}.tf-page :focus-visible,.tf-skip:focus-visible{outline:3px solid #0a79b3;outline-offset:5px}.tf-page [id]{scroll-margin-top:110px}.tf-page img{display:block;max-width:100%}.tf-page figure{margin:0}.tf-inner{max-width:1180px;margin:auto;padding:0 40px}.tf-lead{font-size:17px;line-height:2;max-width:42em}.tf-note{font-size:15px;line-height:1.9}.tf-kicker{font-size:13px;font-weight:700;letter-spacing:.18em;color:#277986}.tf-hero{position:relative;background:linear-gradient(115deg,#f7fbfc 48%,#e3f3f6);padding:145px 40px 105px;isolation:isolate}.tf-hero::before{content:'';position:absolute;left:-10%;bottom:-3px;width:80%;height:120px;border-radius:50% 60% 0 0;background:#fff;z-index:-1}.tf-hero::after{content:'';position:absolute;right:-50px;top:120px;width:200px;height:280px;background:#cdebe4;border-radius:65% 35% 60% 40%;z-index:-1;transform:rotate(-24deg)}.tf-hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.04fr 1fr;gap:45px;align-items:center}.tf-hero-copy{position:relative;z-index:2;padding:24px 0}.tf-hero-copy .tf-lead{margin:25px 0 30px}.tf-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:start;padding-bottom:8px}.tf-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:15px 22px;background:#21677a;border:1px solid #21677a;border-radius:14px 28px 18px 18px;box-shadow:0 6px 0 #103f4e,0 10px 18px #21677a12;font-size:16px;font-weight:700;line-height:1.6;text-decoration:none;transition:transform .22s,box-shadow .22s;max-width:100%}.tf-page a.tf-button{color:#fff}.tf-button--soft{background:#e3f1f8;border-color:#acd0e0;box-shadow:0 6px 0 #93b9c7,0 10px 18px #21677a0a}.tf-page a.tf-button--soft{color:#21677a}.tf-arrow{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#ffffff22;font:22px/1 sans-serif}.tf-button--soft .tf-arrow{background:#21677a;color:#fff}.tf-button:active{transform:translateY(4px);box-shadow:0 2px 0 #103f4e}.tf-button--soft:active{box-shadow:0 2px 0 #93b9c7}
@media(hover:hover){.tf-button:hover{transform:translateY(-2px);box-shadow:0 8px 0 #103f4e,0 14px 22px #21677a18}.tf-button--soft:hover{box-shadow:0 8px 0 #93b9c7,0 14px 22px #21677a12}}
.tf-photo{min-width:0;filter:drop-shadow(7px 8px 0 #80b3bc);position:relative}.tf-photo-mask{overflow:hidden;aspect-ratio:1.08;border-radius:64% 36% 45% 55% / 43% 49% 51% 57%}.tf-photo img{width:100%;height:100%;object-fit:cover}.tf-photo--hero{width:100%;max-width:560px}.tf-photo--hero .tf-photo-mask{aspect-ratio:1.03;border-radius:62% 38% 54% 46% / 43% 53% 47% 57%}.tf-photo--hero::before{content:'';position:absolute;width:85px;height:85px;border-radius:50%;border:1px solid #609f9d;left:-15px;top:13%;z-index:-1}.tf-photo--circle{width:100px;filter:drop-shadow(3px 4px 0 #bad8d2)}.tf-photo--circle .tf-photo-mask{aspect-ratio:1;border-radius:50%}.tf-photo--portrait{width:100%;max-width:390px;align-self:center}.tf-photo--portrait .tf-photo-mask{aspect-ratio:.94}.tf-breadcrumb{max-width:1180px;margin:20px auto;display:flex;flex-wrap:wrap;gap:12px;padding:0 40px;font-size:13px}.tf-toc{max-width:1100px;margin:32px auto 56px;display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px;padding:0 0 18px;border-bottom:1px solid var(--tf-line)}.tf-toc a{padding:14px 0;display:flex;gap:12px;justify-content:space-between;text-decoration:none;border-top:1px solid #d9e8e9;font-size:15px}.tf-toc a span{font-size:18px}.tf-section{position:relative;padding:90px 0 100px;background:#fff;isolation:isolate}.tf-section--sky{background:#eaf5fc}.tf-section--mint{background:#eaf5ef}.tf-section--sky::before,.tf-section--mint::before{content:'';position:absolute;left:0;top:-44px;width:100%;height:46px;background:inherit;clip-path:polygon(0 62%,10% 37%,20% 24%,30% 28%,40% 45%,50% 56%,60% 53%,70% 34%,80% 19%,90% 23%,100% 40%,100% 100%,0 100%);z-index:-1}.tf-section--white+.tf-section--white{padding-top:35px}.tf-label{display:flex;align-items:center;gap:24px;margin-bottom:22px;min-height:66px;color:#21677a}.tf-number{width:70px;height:76px;display:grid;place-items:center;padding:11px 5px 0 0;font:bold 27px/1 sans-serif;color:#fff;background:url('/flow02/hub/assets/eyebrow-leaf-blank-v1.webp') center/contain no-repeat;flex:0 0 auto}.tf-label-word{font-size:13px;font-weight:700;letter-spacing:.14em;line-height:1.7;padding:0 0 12px;position:relative}.tf-label-word::after{content:'';position:absolute;left:0;right:0;bottom:0;height:7px;background:#96c7b9;clip-path:ellipse(50% 40% at 50% 80%)}.tf-label-word::before{content:'/';margin-right:15px;color:#78b5c7;font-size:20px}.tf-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.tf-choice{background:#fff;border:1px solid #b7d5da;border-radius:28px 56px 28px 28px;padding:26px;box-shadow:4px 6px 0 #d7e9e7;display:grid;grid-template-columns:100px minmax(0,1fr);gap:24px;align-items:start}.tf-choice:has(.tf-photo):nth-child(even){border-radius:28px 28px 56px 28px}.tf-choice:not(:has(.tf-photo)){grid-template-columns:1fr}.tf-choice p{font-size:16px;margin:12px 0 20px}.tf-choice .tf-button{font-size:15px;min-height:54px;width:100%;padding:12px 16px;gap:12px}.tf-rates{border:1px solid #a6cbd0;border-radius:30px 76px 30px 64px;background:#fff;padding:14px 30px;box-shadow:8px 9px 0 #cee4df,14px 15px 0 #a6cabb;position:relative;margin:28px 0 36px}.tf-rate{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:30px;padding:28px 0;border-bottom:1px solid var(--tf-line);align-items:center}.tf-rate:last-child{border-bottom:0}.tf-rate p{margin:10px 0 0}.tf-rate-action{border-left:1px solid var(--tf-line);padding:12px 0 12px 24px;font-size:14px;display:grid;gap:18px}.tf-rate-action .tf-button{font-size:15px;padding:12px 16px;gap:10px}.tf-editorial{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:center;gap:70px}.tf-check{padding:20px 0 22px 24px;border-bottom:1px solid var(--tf-line);position:relative}.tf-check:first-child{padding-top:0}.tf-check h3::before{content:'';width:9px;height:9px;border-radius:50%;background:#6ba89d;position:absolute;left:0;margin-top:.7em}.tf-check p{margin:10px 0 0}.tf-checks+.tf-button{margin-top:30px}.tf-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tf-flow article{border-top:1px solid #a5c8c2;padding:22px 0}.tf-flow article>span{display:block;color:#71a89d;font:40px/1.3 Georgia,serif;margin-bottom:15px}.tf-flow h3{font-size:18px}.tf-flow p{font-size:16px}.tf-route-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0 45px}.tf-route-list .tf-button{height:100%;font-size:15px}.tf-subheading{margin:40px 0 15px!important}.tf-record-links{padding-left:24px}.tf-record-links li{padding:12px 0}.tf-faq-list{display:grid;gap:18px}.tf-faq{border:1px solid #bdd7df;border-radius:20px;background:#fff;box-shadow:0 4px 0 #dcebed;overflow:hidden}.tf-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;padding:23px 25px;font-weight:700;color:var(--tf-ink);font-size:18px;line-height:1.7}.tf-faq summary::-webkit-details-marker{display:none}.tf-q{font:26px/1.2 Georgia,serif;color:#3d8c97}.tf-plus{margin-left:auto;flex:0 0 30px;width:30px;height:30px;background:#e5f1f4;border-radius:50%;position:relative}.tf-plus::before,.tf-plus::after{content:'';position:absolute;width:12px;height:2px;top:14px;left:9px;background:#428698}.tf-plus::after{transform:rotate(90deg);transition:transform .24s}.tf-faq[open] .tf-plus::after{transform:rotate(0)}.tf-faq>div{padding:0 25px 22px 65px}.tf-faq>div p{margin:0}.tf-safety{display:flex;gap:20px;background:#fff;border:1px solid #91bfc9;border-radius:24px;padding:30px}.tf-safety-mark{display:grid;place-items:center;border:2px solid #438999;color:#438999;border-radius:50%;width:36px;height:36px;flex:0 0 36px;font-weight:900}.tf-safety p{margin-bottom:0}.tf-contact-head{max-width:800px;margin-bottom:32px}.tf-form{background:#fff;border:1px solid #b4d2cb;border-radius:28px 60px 28px 28px;padding:40px;max-width:950px;margin:0 auto}.tf-form label,.tf-form legend{font-weight:700}.tf-form input,.tf-form select,.tf-form textarea{font:inherit;box-sizing:border-box;max-width:100%;color:var(--tf-ink)}.tf-form input:not([type=checkbox],[type=radio],[type=hidden],[type=submit]),.tf-form textarea,.tf-form select{display:block;width:100%;padding:13px 15px;border:1px solid #a5c7d0;border-radius:10px;background:#f7fbfc;font-size:16px;min-height:48px}.tf-form input[type=checkbox],.tf-form input[type=radio]{width:20px;height:20px;margin:4px 10px 4px 0;accent-color:#21677a;flex:0 0 auto}.tf-form .hidden-fields-container,.tf-form .form-hidden-subject{display:none}.tf-form fieldset:not(.hidden-fields-container){border:0;padding:0;margin:24px 0;min-width:0}.tf-form .te-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tf-form .te-form-field--full{grid-column:1/-1}.tf-form .te-form-field p{margin:0 0 12px}.tf-form .wpcf7-list-item{display:block;margin:0}.tf-form .wpcf7-list-item label{display:flex;align-items:center;min-height:48px;font-weight:500}.tf-form .wpcf7-checkbox,.tf-form .wpcf7-radio{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px}.tf-form .te-form-required,.tf-form .te-form-optional{font-size:12px;margin-left:10px;padding:3px 7px;border-radius:4px;background:#e0f0f2;color:#276678}.tf-form .te-form-optional{background:#eef2ef;color:#53685f}.tf-form small{display:block;font-weight:500}.tf-form input[type=submit]{border:1px solid #21677a;border-radius:16px;background:#21677a;box-shadow:0 6px 0 #103f4e;color:#fff;min-height:60px;padding:14px 36px;cursor:pointer;width:100%;max-width:360px}.tf-form .te-form-submit{text-align:center;padding:15px 0}.tf-form .wpcf7-response-output{margin:24px 0;padding:15px;border-radius:10px}.tf-form .wpcf7-response-output:empty{display:none}.tf-related{margin-top:45px;border-top:1px solid #b4d2cb;padding-top:25px}.tf-related a{padding:16px 0;display:flex;justify-content:space-between;gap:24px;max-width:760px}.tf-alias{display:block;position:absolute;top:0;pointer-events:none}.tf-skip{position:fixed;top:-100px;left:20px;z-index:10000;background:#fff;color:#174652;padding:15px}.tf-skip:focus{top:15px}.tf-page+.sui-footer{margin-top:0}.tf-site .sui-footer-entry-wave{background:#eaf5ef}
@media(max-width:1100px){.tf-toc{margin-left:40px;margin-right:40px}.tf-hero{padding-top:130px}.tf-hero-inner{gap:30px}.tf-choices{gap:22px}.tf-choice{grid-template-columns:76px 1fr;gap:18px;padding:24px}.tf-photo--circle{width:76px}.tf-editorial{gap:40px}.tf-flow{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.tf-hero{padding:120px 28px 75px}.tf-hero-inner{grid-template-columns:1fr 1fr;gap:24px}.tf-hero h1{font-size:32px}.tf-hero-copy .tf-actions{display:grid;gap:18px}.tf-photo--hero .tf-photo-mask{aspect-ratio:.8}.tf-inner{padding:0 28px}.tf-choices{grid-template-columns:1fr}.tf-choice{grid-template-columns:100px 1fr}.tf-photo--circle{width:100px}.tf-editorial{grid-template-columns:1fr 1.5fr;gap:30px}.tf-toc{grid-template-columns:1fr 1fr;margin:25px 28px 50px}.tf-route-list{grid-template-columns:1fr 1fr}.tf-rate{grid-template-columns:1fr 1fr;gap:22px}.tf-rates{padding:10px 24px}}
@media(max-width:600px){.tf-page{font-size:16px;line-height:1.95}.tf-hero{padding:100px 24px 56px}.tf-hero-inner{display:flex;flex-direction:column;gap:24px}.tf-hero-copy{padding:10px 0 0;width:100%}.tf-kicker{font-size:11px}.tf-hero h1{font-size:31px;letter-spacing:.03em}.tf-hero-copy .tf-lead{font-size:16px;margin:18px 0 25px}.tf-hero-copy .tf-actions{grid-template-columns:1fr 1fr;gap:12px}.tf-hero-copy .tf-button{font-size:14px;padding:13px 14px;gap:9px;min-height:61px}.tf-hero-copy .tf-arrow{flex-basis:22px;width:22px;height:22px;font-size:18px}.tf-photo--hero{width:86%;align-self:flex-end;max-width:370px;filter:drop-shadow(5px 6px 0 #80b3bc)}.tf-photo--hero .tf-photo-mask{aspect-ratio:1.55}.tf-hero::after{width:125px;height:180px;top:auto;bottom:10px;left:0;right:auto}.tf-hero::before{height:70px;width:95%}.tf-inner{padding:0 24px}.tf-breadcrumb{padding:0 24px;margin:20px 0;font-size:12px;gap:8px}.tf-toc{margin:24px 24px 48px;grid-template-columns:1fr 1fr;gap:0 22px}.tf-toc a{font-size:13px;padding:13px 0;line-height:1.8}.tf-section{padding:58px 0 72px}.tf-section--white+.tf-section--white{padding-top:25px}.tf-section--sky::before,.tf-section--mint::before{top:-25px;height:27px}.tf-page h2{font-size:25px;line-height:1.6;margin-bottom:28px;letter-spacing:.03em}.tf-label{gap:15px;margin-bottom:20px;min-height:58px}.tf-number{width:53px;height:61px;font-size:23px;padding-top:10px}.tf-label-word{font-size:11px;letter-spacing:.09em;max-width:220px}.tf-label-word::before{margin-right:10px}.tf-choice{padding:22px 19px;gap:17px;grid-template-columns:74px 1fr;border-radius:22px 45px 22px 22px}.tf-choice h3{font-size:18px;line-height:1.65;letter-spacing:.02em}.tf-choice p{margin:10px 0 17px;font-size:15px}.tf-choice .tf-button{font-size:14px;min-height:52px;padding:11px 12px}.tf-photo--circle{width:74px}.tf-choices{gap:24px}.tf-editorial{display:flex;flex-direction:column;gap:32px;align-items:stretch}.tf-photo--portrait{max-width:300px;width:80%;align-self:center}.tf-photo--portrait .tf-photo-mask{aspect-ratio:1.35}.tf-check{padding:20px 0 22px 20px}.tf-check h3{font-size:19px}.tf-rates{padding:5px 21px;border-radius:24px 54px 24px 45px;box-shadow:5px 6px 0 #cee4df,9px 10px 0 #a6cabb}.tf-rate{grid-template-columns:1fr;gap:15px;padding:25px 0}.tf-rate h3{font-size:19px}.tf-rate-action{border-left:0;border-top:1px dashed var(--tf-line);padding:15px 0 5px;gap:12px}.tf-rate-action .tf-button{width:100%}.tf-lead{font-size:16px}.tf-note{font-size:14px}.tf-flow{grid-template-columns:1fr;gap:6px}.tf-flow article{position:relative;padding:22px 0 20px 48px}.tf-flow article>span{position:absolute;left:0;top:20px;font-size:29px}.tf-route-list{grid-template-columns:1fr;gap:20px}.tf-faq summary{font-size:16px;padding:20px 18px;gap:13px}.tf-faq>div{padding:0 18px 22px 46px;font-size:15px}.tf-q{font-size:23px}.tf-safety{padding:22px 18px;gap:14px}.tf-safety h3{font-size:18px}.tf-safety-mark{width:28px;height:28px;flex-basis:28px}.tf-actions{gap:18px}.tf-contact-head .tf-actions{display:grid}.tf-button{font-size:15px;min-height:56px}.tf-form{padding:24px 18px;border-radius:24px 42px 24px 24px}.tf-form .te-form-grid{grid-template-columns:1fr;gap:16px}.tf-form .wpcf7-checkbox,.tf-form .wpcf7-radio{grid-template-columns:1fr}.tf-form .te-form-note{font-size:14px}.tf-related a{font-size:15px}.tf-page [id]{scroll-margin-top:90px}}
@media(max-width:359px){.tf-inner{padding:0 18px}.tf-hero{padding-left:18px;padding-right:18px}.tf-hero-copy .tf-actions{grid-template-columns:1fr}.tf-choice{grid-template-columns:1fr}.tf-photo--circle{width:82px}.tf-toc{grid-template-columns:1fr}.tf-page h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.tf-site{scroll-behavior:auto}.tf-page *{transition-duration:.01ms!important;animation:none!important}.tf-button:hover,.tf-button:active{transform:none}}