*{box-sizing:border-box}body{margin:0;background:#f6f3eb;color:#16324a;font:17px/1.85 system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d5dfe8}.logo{font-size:25px;font-weight:800;text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px}.tag{font-size:13px;color:#49677f;letter-spacing:2px}.hero{padding:65px 0;display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center}h1{font-size:clamp(32px,5vw,62px);line-height:1.25;letter-spacing:-1px;margin:18px 0 24px}h2{font-size:28px;line-height:1.5}h3{font-size:22px;line-height:1.6}.hero p{max-width:540px}.art{background:#e4edf5;border-radius:48% 48% 8px 8px;padding:45px 30px;text-align:center}.art svg{width:100%;max-height:280px}.btn{display:inline-block;background:#2268c9;color:white;padding:12px 22px;border-radius:5px;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fffdf7;border:1px solid #dce3e9;padding:26px;border-radius:8px}.card a{text-decoration:none}.card p{font-size:15px;color:#536574}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.filters a{border:1px solid #9cb7d3;border-radius:40px;padding:7px 17px;text-decoration:none}.callout{background:#e8eff7;padding:32px;margin:48px 0;border-radius:8px}article{max-width:760px;margin:auto}article h1{font-size:clamp(30px,4vw,44px)}article section{margin:40px 0}.note{font-size:14px;color:#536574;border-top:1px solid #d5dfe8;padding-top:18px}footer{border-top:1px solid #d5dfe8;font-size:14px;margin-top:45px}.crumb{font-size:14px}.search{width:100%;max-width:480px;padding:12px;border:1px solid #9cb7d3;border-radius:5px;background:white;font:inherit}a:focus-visible,input:focus-visible{outline:3px solid #2268c9;outline-offset:4px}[hidden]{display:none!important}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;padding:30px 0;gap:20px}.art{padding:20px}.art svg{max-height:190px}.grid{grid-template-columns:1fr}nav{gap:14px}main{padding:18px}.callout{padding:24px}}
/* Beige and blue design variant. Blue sampled from retained Tiancare homepage source. */
:root{--brand-blue:#2268c9;--brand-ink:#16324a;--paper:#f6f3eb}
.logo,h1,h2,h3{color:var(--brand-ink)}
.logo{border-left:5px solid var(--brand-blue);padding-left:13px}
.tag{color:#315e8b}.hero .tag{color:var(--brand-blue);font-weight:650}
.btn{box-shadow:0 5px 14px #2268c91a;min-height:48px}
.filters a{background:#fffdf7;transition:background .15s,color .15s}
.card{border-top:3px solid #b2c9df}.card>a:last-child{color:#1858ad;font-weight:650}
.callout{border-left:4px solid var(--brand-blue)}
@media(hover:hover){.btn:hover{background:#1955a8}.filters a:hover{background:#2268c9;color:white}.card h3 a:hover,nav a:hover{color:#1858ad}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:white;padding:10px;z-index:10}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:55px}.section-head a{font-size:15px;color:#1858ad}
.situations{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.situation{background:#fffdf7;border:1px solid #d5dfe8;padding:25px 20px;text-decoration:none;border-radius:10px}.situation strong{display:block;font-size:21px;line-height:1.6;margin:16px 0 10px}.situation p{font-size:15px;margin:0;color:#536574}.number{font:600 14px system-ui;color:#2268c9}.situation:hover{border-color:#2268c9}.hero{padding-bottom:35px}.hero h1{font-size:clamp(34px,4.3vw,55px)}
.tools{background:#e8eff7;padding:30px;border-radius:12px;margin:50px 0}.tools .card{border:0}.tools h2{margin-top:0}.meta{font-size:14px;color:#536574}.lead{font-size:20px}.toc{padding:22px;background:#fffdf7;border-left:3px solid #2268c9}.toc a{display:block;font-size:16px;padding:5px 0}.article-body{max-width:800px}.article-body section{scroll-margin-top:25px}.article-body .grid{grid-template-columns:repeat(2,1fr)}
.checklist{padding:22px 28px;background:#fffdf7;border:1px solid #d5dfe8;border-radius:8px}.checklist li{margin:12px 0}.field{display:block;margin:18px 0}.field input,.field textarea{display:block;width:100%;font:inherit;padding:10px;border:1px solid #9cb7d3;background:#fffdf7;border-radius:4px;min-width:0}.field textarea{min-height:100px}.tool-actions{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}button{font:inherit;border:0;cursor:pointer}.quiet{background:transparent;border:1px solid #9cb7d3;padding:10px 18px;border-radius:5px;color:#16324a}.active{background:#2268c9!important;color:#fff!important}.empty{padding:25px;background:#fffdf7}
@media(max-width:950px){.situations{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.situations,.article-body .grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column;gap:0}.tools{padding:20px}.hero h1{font-size:36px}.logo .tag{display:block;letter-spacing:1px;font-size:12px}.art{border-radius:15px}.field input{font-size:16px}}
@media print{header,footer,.tool-actions,.callout,.skip{display:none!important}body{background:white;font-size:12pt;color:black}main,article{max-width:none;padding:0}.field{break-inside:avoid}.field input,.field textarea{border:1px solid #999;background:white;color:black}.field textarea{height:120px}.note{font-size:10pt}h1{font-size:24pt!important}}