:root{--bg:#f8f7f5;--surface:#fff;--text:#292d35;--muted:#69717e;--line:#e9e7e4;--accent:#cf3e16;--accent-dark:#bd3410;--mint:#fff0e6;--soft:#f4f2ef;--radius:14px;font-family:'Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);font-size:15px;font-synthesis:none} *{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f4a473;outline-offset:3px}button{border:0;background:none;color:inherit}svg{display:block;width:20px;height:20px;flex-shrink:0}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.25;letter-spacing:-1px;font-weight:750;margin-bottom:9px}h2{font-size:22px;letter-spacing:-.5px;line-height:1.35}h3{font-size:16px;line-height:1.4}input,textarea,select{width:100%;min-width:0}input,textarea{appearance:none}input[type=search]::-webkit-search-cancel-button{cursor:pointer}.header{height:82px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{max-width:1440px;height:100%;margin:auto;padding:0 36px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;width:214px}.brand-mark{font-size:30px;letter-spacing:-2px;font-weight:800;color:var(--accent);width:48px;height:46px;display:flex;align-items:center}.brand-mark span{color:#ee9b61;letter-spacing:0}.brand-name{font-size:21px;letter-spacing:-.8px;font-weight:750}.brand-name>span{display:block;font-size:10px;font-weight:450;color:var(--muted);letter-spacing:.15px;margin-top:3px}.global-search{height:44px;max-width:620px;flex:1;display:flex;align-items:center;gap:11px;background:#f3f5f7;border:1px solid transparent;border-radius:10px;padding:0 13px;color:#809099}.global-search:focus-within{background:white;border-color:var(--accent)}.global-search input{border:0;background:transparent;outline:0!important;height:100%;font-size:13px;color:var(--text)}.global-search input::placeholder{color:#75828c}kbd{border:1px solid #dbe1e6;border-radius:4px;padding:0 6px;font-size:12px;line-height:21px;font-family:inherit}.button{min-height:44px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;font-size:13px;font-weight:600;transition:background .15s}.primary{background:var(--accent);color:white}.primary:hover{background:var(--accent-dark)}.secondary{background:white;border:1px solid #dce4e7}.secondary:hover{background:var(--soft)}.ask-button{margin-left:auto;white-space:nowrap}.plus{font-size:23px;font-weight:400;line-height:1}.login-button{font-size:13px;font-weight:550;min-height:44px;padding:0 5px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:9px;color:var(--muted)}.icon-button:hover{background:var(--soft)}.menu-button{display:none}.layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:214px minmax(0,1fr) 280px;gap:30px;padding:30px 36px 80px}.sidebar{position:sticky;top:112px;height:calc(100vh - 140px);overflow:auto;padding-right:8px;scrollbar-width:thin}.nav-item{display:flex;align-items:center;gap:11px;min-height:43px;padding:10px 12px;border-radius:9px;margin-bottom:3px;color:#52626d;font-size:13px;font-weight:450}.nav-item:hover{background:#edf1f3;color:var(--text)}.nav-item.active{background:#ffeadb;color:#b63a16;font-weight:600}.nav-item svg{width:19px;height:19px}.nav-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:650;letter-spacing:1.2px;color:#8a969e;text-transform:uppercase;padding:25px 12px 13px}.section-dot{width:7px;height:7px;border-radius:50%;background:#b1c3c6;flex-shrink:0;margin:0 6px}.active .section-dot{background:var(--accent)}.nav-item .chev{margin-left:auto;width:15px;height:15px}.more-sections summary{list-style:none;cursor:pointer;color:var(--muted);font-size:12px;padding:12px}.more-sections summary::-webkit-details-marker{display:none}.more-sections summary:hover{color:var(--accent)}.sidebar-footer{border-top:1px solid var(--line);margin:24px 10px 0;padding-top:18px}.sidebar-footer p{font-size:11px;line-height:1.7;color:#8b959c}.sidebar-footer a{font-size:11px;color:var(--muted)}.since{display:flex;gap:8px;align-items:center;color:#809088;font-size:11px;margin-bottom:14px}.since svg{width:16px;height:16px}main{min-width:0}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;margin:2px 0 23px;gap:12px}.page-heading .muted{font-size:13px;margin:0;line-height:1.5}.eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:1.1px;text-transform:uppercase;color:var(--accent);margin-bottom:9px}.feed-controls{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;min-height:44px}.filter{font-size:12px;color:var(--muted);padding:12px 12px 14px;position:relative;white-space:nowrap}.filter.active{color:var(--accent);font-weight:600}.filter.active:after{content:'';position:absolute;bottom:-1px;height:2px;border-radius:2px;left:12px;right:12px;background:var(--accent)}.feed-count{font-size:11px;color:#87949c;margin-left:auto;padding-right:2px;white-space:nowrap}.question-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px 23px;margin-bottom:12px;transition:border-color .15s}.question-card:hover{border-color:#e3c5b1}.card-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:#819099;margin-bottom:12px;flex-wrap:wrap}.category{font-weight:550;color:#666a76;display:inline-flex;gap:7px;align-items:center}.category-icon{width:23px;height:23px;border-radius:6px;background:#eaf2ee;display:grid;place-items:center}.category-icon svg{width:14px;height:14px}.meta-dot{color:#b9c3c9}.question-card h2{font-size:17px;font-weight:650;line-height:1.45;letter-spacing:-.3px;margin-bottom:9px}.question-card h2 a:hover{color:var(--accent)}.question-preview{font-size:13px;color:#677680;line-height:1.65;margin-bottom:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.reply-link{display:flex;align-items:center;gap:6px;font-size:11px;color:#677780;min-height:27px}.reply-link svg{width:15px;height:15px}.doctor-badge{font-size:10px;font-weight:550;color:#3462a3;background:#edf3ff;display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 7px}.doctor-badge svg{width:12px;height:12px}.waiting-badge{font-size:10px;color:#8a7352;background:#fbf5eb;padding:5px 7px;border-radius:5px}.card-author{margin-left:auto;font-size:10px;color:#8b989f}.rightbar{min-width:0}.aside-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:17px}.aside-card h3{font-size:14px;font-weight:650;margin-bottom:11px}.aside-card p{font-size:12px;color:#73818a;line-height:1.7;margin-bottom:16px}.aside-card .button{width:100%}.community-card{background:#fff0df;border-color:#f4e1cb;position:relative;overflow:hidden}.community-symbol{width:44px;height:44px;background:#ffe0be;border-radius:12px;display:grid;place-items:center;color:var(--accent);margin-bottom:20px}.community-symbol svg{width:23px;height:23px}.community-card h3{font-size:20px;font-weight:650;line-height:1.35;letter-spacing:-.5px;margin-bottom:13px}.community-card p{color:#8b6a53;font-size:12px}.text-link{font-size:12px;font-weight:550;color:var(--accent);display:inline-flex;gap:5px;align-items:center;min-height:30px}.text-link svg{width:14px;height:14px}.specialist-mini{display:flex;align-items:center;gap:10px;margin:16px 0}.avatar{height:39px;width:39px;border-radius:50%;background:#eef0f8;color:#77718e;display:grid;place-items:center;font-size:12px;font-weight:550;flex-shrink:0}.avatar.teal{background:#e7efff;color:#4e6dac}.specialist-mini strong{font-size:12px;font-weight:550;display:block}.specialist-mini small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.aside-rule{border-top:1px solid var(--line);padding-top:14px;margin-top:17px}.aside-note{font-size:10px!important;margin:0!important;color:#86939b!important}.care-note{display:flex;gap:10px;padding:3px 9px}.care-note svg{width:18px;height:18px;color:#909ea6;margin-top:3px}.care-note p{font-size:11px;line-height:1.65;color:#86939b;margin:0}.care-note strong{color:#657680;font-weight:500}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:11px;color:#788991;margin:5px 0 20px;flex-wrap:wrap}.breadcrumb a:hover{color:var(--accent)}.breadcrumb svg{width:12px;height:12px;color:#a6b0b6}.section-hero{background:#fff0df;border:1px solid #f4e1cb;border-radius:var(--radius);padding:26px;display:flex;gap:17px;align-items:flex-start;margin-bottom:20px}.section-symbol{width:48px;height:48px;border-radius:12px;background:white;color:var(--accent);display:grid;place-items:center;flex-shrink:0}.section-symbol svg{width:25px;height:25px}.section-hero h1{font-size:27px;margin:0 0 9px}.section-hero p{font-size:12px;color:#8b6a53;line-height:1.7;margin:0;max-width:450px}.section-hero .eyebrow{margin-bottom:5px}.pagination{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:25px}.pagination a,.pagination button{height:38px;min-width:38px;border-radius:8px;font-size:12px;display:grid;place-items:center;color:var(--muted)}.pagination .selected{background:var(--accent);color:white}.pagination a:hover{background:#e7efeb}.pagination .page-next{padding:0 12px;display:flex;gap:5px}.pagination svg{width:14px;height:14px}.muted{color:var(--muted)}.empty-state{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:40px 25px;text-align:center}.empty-state svg{margin:0 auto 15px;color:var(--accent);width:30px;height:30px}.empty-state h2{font-size:19px}.empty-state p{font-size:13px;color:var(--muted)}.topic-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.topic-card h1{font-size:27px;line-height:1.4;letter-spacing:-.7px;margin:18px 0}.topic-author{display:flex;align-items:center;gap:10px;font-size:12px}.topic-author .avatar{width:32px;height:32px;font-size:11px}.topic-author small{font-size:11px;color:var(--muted)}.topic-text{font-size:16px;line-height:1.85;margin-top:22px}.topic-text p:last-child{margin-bottom:0}.topic-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;display:flex;gap:10px;align-items:center}.answers-heading{font-size:19px;font-weight:650;margin:28px 0 17px;letter-spacing:-.4px}.answers-heading small{color:#8b979f;font-size:13px;font-weight:400;margin-left:8px}.answer-card{padding:23px;background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px}.answer-card.doctor-answer{border-color:#c4d4f0;border-left:3px solid #5b83c9}.answer-header{display:flex;align-items:center;gap:11px;margin-bottom:17px;flex-wrap:wrap}.answer-header strong{display:block;font-size:13px;font-weight:600}.answer-header small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.answer-header .doctor-badge{margin-left:auto}.answer-body{font-size:14px;line-height:1.8}.answer-body p:last-child{margin-bottom:0}.answer-date{font-size:10px;color:#8c999f;margin-top:16px}.reply-form{padding:24px;background:white;border:1px solid var(--line);border-radius:var(--radius);margin-top:22px}.reply-form h3{font-size:16px;margin-bottom:7px}.reply-form>.muted{font-size:12px;margin-bottom:20px}.stacked-form{display:grid;gap:16px}.stacked-form label{font-size:12px;font-weight:550;display:grid;gap:8px}.stacked-form input,.stacked-form textarea,.stacked-form select{border:1px solid #dce4e8;border-radius:8px;background:white;color:var(--text);padding:12px;font-size:14px;line-height:1.5}.stacked-form textarea{resize:vertical;min-height:120px}.stacked-form .button{justify-self:start}.form-note{font-size:11px;color:#7d8c94;line-height:1.6;margin:0}.form-result{font-size:12px;color:var(--accent);margin:0;padding:12px;border-radius:8px;background:var(--mint)}.document-card{padding:28px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.document-card h1{font-size:27px;line-height:1.4}.document-card h2{font-size:18px;margin-top:27px}.document-card p,.document-card li{font-size:14px;line-height:1.8}.document-card ul{padding-left:20px}.document-subtitle{font-size:12px!important;color:var(--muted);margin:12px 0 20px}.notice{padding:16px 18px;border-radius:9px;background:#f3f6f7;color:#677b86;font-size:12px;line-height:1.7}.notice strong{display:block;color:#435b65;font-weight:550;margin-bottom:3px}.drug-facts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:24px 0}.drug-facts div{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.drug-facts dt{color:var(--muted);font-size:11px;margin-bottom:6px}.drug-facts dd{margin:0;line-height:1.5}.document-card details{border-top:1px solid var(--line);padding:17px 0}.document-card summary{font-size:14px;font-weight:550;cursor:pointer;line-height:1.5}.document-card details p{color:var(--muted);font-size:13px;margin:12px 0 0}.profile-heading{display:flex;gap:20px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.profile-heading .avatar{height:78px;width:78px;font-size:23px}.profile-heading h1{margin:0 0 8px;font-size:26px}.profile-heading p{font-size:13px;margin:0 0 12px;color:var(--muted)}.profile-description{font-size:14px;line-height:1.8;margin-top:24px}.profile-link-row{display:flex;gap:8px;align-items:center;margin-top:20px;font-size:12px;color:var(--accent)}.profile-link-row svg{width:16px;height:16px}.prototype-label{position:fixed;bottom:13px;right:20px;z-index:35;display:flex;align-items:center;gap:7px;font-size:9px;padding:8px 11px;border:1px solid #dfe6e8;background:#fffffff0;backdrop-filter:blur(6px);border-radius:7px;color:#73838d;box-shadow:0 2px 8px #24362c05;pointer-events:none}.prototype-label>span:first-child{width:5px;height:5px;background:#e3905f;border-radius:50%}.label-divider{color:#b8c3c9}.skip{position:fixed;top:-60px;left:10px;z-index:100;padding:12px;background:white;border:2px solid var(--accent)}.skip:focus{top:10px}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:min(520px,calc(100% - 28px));max-height:90dvh;color:var(--text);box-shadow:0 20px 80px #132b3430}dialog::backdrop{background:#152f3a65;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-heading h2{margin-bottom:15px}.dialog-heading .icon-button{margin-top:-8px;margin-right:-8px}.dialog-heading+.muted{font-size:13px}.drawer-backdrop{display:none}[hidden]{display:none!important} @media(min-width:1500px){.layout{gap:36px;grid-template-columns:214px minmax(0,1fr) 280px}} @media(max-width:1200px){.header-inner{padding:0 24px;gap:18px}.brand{width:180px}.layout{grid-template-columns:180px minmax(0,1fr) 240px;gap:22px;padding:26px 24px 80px}.aside-card{padding:18px}.brand-name>span{font-size:9px}.global-search kbd{display:none}.question-card{padding:20px}.feed-count{display:none}} @media(max-width:1000px){.layout{grid-template-columns:180px minmax(0,1fr);gap:24px;max-width:950px}.rightbar{display:none}.header-inner{max-width:950px}.global-search input{font-size:12px}.brand{width:180px}.global-search{max-width:none}.header-inner{gap:14px}.brand-name>span{display:none}} @media(max-width:720px){.header{height:auto;min-height:65px}.header-inner{padding:12px 16px;gap:8px;flex-wrap:wrap}.menu-button{display:grid;width:36px;height:36px;flex-shrink:0}.brand{width:auto;margin-right:auto;gap:4px}.brand-mark{height:35px;width:40px;font-size:28px}.brand-name{font-size:18px}.brand-name>span{display:none}.ask-button{min-height:38px;padding:0 11px;font-size:11px;margin-left:0}.ask-button .plus{font-size:19px}.login-button{font-size:11px;min-height:38px;margin-left:5px}.global-search{order:5;flex-basis:100%;max-width:none;height:40px;margin-top:5px;padding:0 12px;gap:8px}.global-search input{font-size:12px}.global-search svg{width:17px;height:17px}.layout{display:block;padding:23px 16px 65px}.sidebar{display:none;position:fixed;z-index:45;top:0;bottom:0;left:0;width:280px;height:100dvh;padding:24px 18px;background:white;box-shadow:8px 0 35px #152f3a15}.sidebar.open{display:block}.sidebar .nav-item{min-height:46px;font-size:14px}.drawer-backdrop.open{display:block;position:fixed;inset:0;background:#152f3a65;z-index:40}.drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.drawer-heading strong{font-size:20px}.page-heading{margin:0 0 18px}h1{font-size:26px;letter-spacing:-.7px}.page-heading .muted{font-size:12px;line-height:1.65}.feed-controls{gap:0;margin-bottom:13px;overflow-x:auto}.filter{font-size:11px;padding:12px 10px 14px;min-height:44px}.filter.active:after{left:10px;right:10px}.question-card{padding:18px 17px;border-radius:12px;margin-bottom:10px}.question-card h2{font-size:16px;line-height:1.5}.question-preview{font-size:13px;line-height:1.7;-webkit-line-clamp:3;margin-bottom:13px}.card-meta{font-size:10px;gap:6px;margin-bottom:10px}.card-author{display:none}.card-footer{gap:11px}.reply-link{min-height:30px}.doctor-badge{font-size:10px}.breadcrumb{font-size:10px;margin-top:0;margin-bottom:17px;line-height:1.7}.section-hero{padding:20px 17px;gap:12px;margin-bottom:16px}.section-hero h1{font-size:24px}.section-symbol{width:38px;height:38px;border-radius:9px}.section-symbol svg{width:21px;height:21px}.section-hero p{font-size:12px}.topic-card{padding:21px 18px}.topic-card h1{font-size:23px;line-height:1.4}.topic-text{font-size:16px;line-height:1.8}.topic-author{font-size:11px}.topic-author small{font-size:10px}.answer-card{padding:19px 17px}.answer-body{font-size:15px;line-height:1.8}.answer-header{gap:9px}.answer-header .doctor-badge{margin-left:0}.answer-header strong{font-size:12px}.answer-header .avatar{width:34px;height:34px;font-size:11px}.reply-form{padding:21px 18px}.answers-heading{font-size:18px}.document-card{padding:22px 18px}.document-card h1{font-size:23px}.document-card p,.document-card li{font-size:15px}.drug-facts{grid-template-columns:1fr}.profile-heading{align-items:flex-start;gap:14px}.profile-heading .avatar{width:55px;height:55px;font-size:17px}.profile-heading h1{font-size:23px}.profile-heading p{font-size:12px}.prototype-label{right:10px;bottom:8px;font-size:8px;padding:6px 8px}.pagination{margin-top:20px}.pagination a,.pagination button{min-width:44px;height:44px}dialog{padding:22px 19px;border-radius:14px}.stacked-form input,.stacked-form textarea,.stacked-form select{font-size:16px}} @media(min-width:721px){.drawer-heading{display:none}} @media(max-width:360px){.brand-name{display:none}.header-inner{gap:7px}.brand{gap:0}.ask-button{padding:0 10px}.login-button{margin-left:0;padding:0 2px}} @media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}} /* Цвета сообщества: тёплый бренд и отдельные акценты медицинских разделов. */ .brand-wordmark{color:var(--accent);font-size:35px;line-height:1;letter-spacing:-2px;font-weight:800} .brand-wordmark span{color:#292d35;font-weight:700;letter-spacing:-1.7px} .global-search{background:#f4f3f1} .category{--section-color:#705b9f;--section-bg:#f1edfa;color:var(--section-color)} .category-icon{background:var(--section-bg);color:var(--section-color);border-radius:7px} .category[href*="section=cardiology"],.nav-item[href*="section=cardiology"],.section-hero[data-section="cardiology"]{--section-color:#bd415c;--section-bg:#fcecf0} .category[href*="section=pediatry"],.nav-item[href*="section=pediatry"],.section-hero[data-section="pediatry"]{--section-color:#2d699f;--section-bg:#e9f3ff} .category[href*="section=neurology"],.nav-item[href*="section=neurology"],.section-hero[data-section="neurology"]{--section-color:#7950b6;--section-bg:#f1eafb} .category[href*="section=therapy"],.nav-item[href*="section=therapy"],.section-hero[data-section="therapy"]{--section-color:#965511;--section-bg:#fff2d9} .category[href*="section=dermatology"],.nav-item[href*="section=dermatology"],.section-hero[data-section="dermatology"]{--section-color:#a64c89;--section-bg:#fcebf7} .category[href*="section=gynecology"],.nav-item[href*="section=gynecology"],.section-hero[data-section="gynecology"]{--section-color:#a3456b;--section-bg:#fcecf4} .category[href*="section=gastro"],.nav-item[href*="section=gastro"],.section-hero[data-section="gastro"]{--section-color:#416e47;--section-bg:#edf6e9} .category[href*="section=endokrinology"],.nav-item[href*="section=endokrinology"],.section-hero[data-section="endokrinology"]{--section-color:#366d7b;--section-bg:#e9f5f8} .nav-item[href*="page=section"] .section-dot{background:var(--section-color,#8892ae);width:9px;height:9px;box-shadow:0 0 0 4px var(--section-bg,#eef0f7)} .nav-item[href*="page=section"].active{background:var(--section-bg,#f1edfa);color:var(--section-color,#705b9f)} .nav-item[href*="page=drug"]>svg{color:#8760bb} .nav-item[href*="page=profile"]>svg{color:#457db5} .section-hero{background:var(--section-bg,#fff0df);border-color:var(--section-bg,#f4e1cb)} .section-symbol,.section-hero .eyebrow{color:var(--section-color,#ab621d)} .section-hero p{color:#74717a} .community-card{background:#fff0df;border-color:#f4e1cb} .community-illustration{display:flex;align-items:center;height:72px;position:relative;margin-bottom:18px} .bubble{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;box-shadow:0 0 0 4px #fff0df} .bubble svg{width:27px;height:27px;stroke-width:1.7} .bubble-orange{background:#ffcf99;color:#a44414;transform:rotate(-10deg);z-index:3} .bubble-purple{background:#e0d0ff;color:#7451a8;transform:rotate(9deg);margin-left:-7px;margin-top:-21px;z-index:2} .bubble-blue{background:#cce6ff;color:#3c78a6;transform:rotate(-7deg);margin-left:-5px;margin-top:13px;z-index:1} .community-card h3{color:#553a2b} .community-card .aside-note{color:#927765!important} .avatar{background:#f2ebff;color:#8c62ad} .avatar.teal{background:#e7efff;color:#4e6dac} .waiting-badge{background:#fff3d5;color:#8b6c21} @media(max-width:720px){.brand-wordmark{font-size:30px}.brand{gap:0}.brand-wordmark span{letter-spacing:-1.5px}} /* Читаемость: основной текст 17–18 px, заметные подписи и крупные цели нажатия. */ :root{--muted:#56616d;font-size:17px} body{line-height:1.6} h1{font-size:34px;letter-spacing:-.6px} .brand-wordmark{font-size:36px} .global-search{height:48px;color:#5c6873} .global-search input{font-size:15px} .global-search input::placeholder{color:#5c6873} .header-inner{gap:20px} .button{font-size:15px;min-height:48px;padding:0 18px} .login-button{font-size:15px;min-height:48px} .nav-item{font-size:15px;min-height:48px;color:#505966} .nav-title{font-size:12px;color:#68717a;letter-spacing:.8px} .more-sections summary{font-size:14px;min-height:44px} .sidebar-footer p,.sidebar-footer a,.since{font-size:13px;color:#596572} .page-heading .muted{font-size:15px;color:#586270} .eyebrow{font-size:12px;letter-spacing:.8px} .filter{font-size:14px;min-height:48px;padding:13px 12px 15px;color:#57616c} .feed-controls{flex-wrap:wrap} .feed-count{font-size:13px;color:#5c6873} .card-meta{font-size:13px;color:#596572;gap:9px} .category-icon{width:27px;height:27px} .category-icon svg{width:17px;height:17px} .meta-dot{color:#707986} .question-card h2{font-size:21px;line-height:1.5;letter-spacing:-.2px} .question-preview{font-size:17px;color:#56616d;line-height:1.75;-webkit-line-clamp:3} .reply-link{font-size:14px;min-height:44px;color:#525e6a} .reply-link svg{width:18px;height:18px} .doctor-badge,.waiting-badge{font-size:12px;line-height:1.5;padding:5px 9px} .doctor-badge{color:#315992;background:#eaf1ff} .doctor-badge svg{width:14px;height:14px} .waiting-badge{color:#735514} .card-author{font-size:13px;color:#586573} .aside-card h3{font-size:17px} .aside-card p{font-size:15px;color:#56616d;line-height:1.75} .community-card h3{font-size:23px;line-height:1.4} .community-card p{color:#735640} .text-link{font-size:14px;min-height:44px} .specialist-mini strong{font-size:15px} .specialist-mini small{font-size:13px;color:#56616d;line-height:1.6} .aside-note{font-size:13px!important;color:#606b77!important} .community-card .aside-note{color:#755943!important} .care-note p{font-size:13px;color:#586471;line-height:1.75} .care-note strong{color:#404c58} .breadcrumb{font-size:14px;color:#56616d;gap:9px} .breadcrumb a{min-height:44px;display:inline-flex;align-items:center} .section-hero h1{font-size:31px} .section-hero p{font-size:15px;color:#535d68} .pagination a,.pagination button{font-size:15px;min-width:48px;height:48px} .topic-card h1{font-size:30px;line-height:1.45;letter-spacing:-.4px} .topic-author{font-size:15px} .topic-author small{font-size:14px;color:#56616d} .topic-text{font-size:18px;line-height:1.85} .answers-heading{font-size:23px} .answers-heading small{font-size:16px;color:#596572} .answer-header strong{font-size:16px} .answer-header small{font-size:14px;color:#56616d} .answer-body{font-size:17px;line-height:1.85} .answer-date{font-size:13px;color:#596572} .reply-form h3{font-size:20px} .reply-form>.muted{font-size:15px} .stacked-form label{font-size:15px} .stacked-form input,.stacked-form textarea,.stacked-form select{font-size:17px;padding:13px;min-height:48px} .form-note,.form-result{font-size:14px;line-height:1.7;color:#56616d} .form-result{color:#943415} .document-card h1{font-size:30px;letter-spacing:-.4px} .document-card h2{font-size:22px} .document-card p,.document-card li{font-size:17px;line-height:1.8} .document-subtitle{font-size:15px!important} .notice{font-size:15px;color:#536371;line-height:1.75} .notice strong{color:#344b5b} .drug-facts div{font-size:16px} .drug-facts dt{font-size:14px;color:#56616d} .document-card summary{font-size:17px;min-height:36px} .document-card details p{font-size:16px;color:#56616d} .profile-heading h1{font-size:30px} .profile-heading p{font-size:16px} .profile-description{font-size:17px} .profile-link-row{font-size:15px;min-height:44px} .dialog-heading+.muted{font-size:15px} .empty-state h2{font-size:23px} .empty-state p{font-size:16px} .avatar{font-size:14px} .drawer-login{display:none} @media(max-width:1200px){.header-inner{gap:15px}.brand{width:180px}.layout{grid-template-columns:180px minmax(0,1fr) 240px}} @media(min-width:1001px) and (max-width:1200px){.layout{grid-template-columns:200px minmax(0,1fr)}.rightbar{display:none}.brand{width:200px}} @media(max-width:1000px) and (min-width:721px){.layout{grid-template-columns:200px minmax(0,1fr)}.brand{width:200px}} @media(max-width:720px){ .header-inner{gap:8px;padding:12px 16px}.brand{width:auto}.brand-wordmark{font-size:30px} .menu-button{width:44px;height:44px}.ask-button{font-size:13px;min-height:44px;padding:0 12px} .login-button{font-size:14px;min-height:44px;margin-left:0;padding:0 3px} .global-search{height:44px}.global-search input{font-size:16px} .layout{padding-top:23px}h1{font-size:29px}.page-heading .muted{font-size:15px} .sidebar .nav-item{font-size:16px;min-height:48px}.nav-title{font-size:12px} .filter{font-size:14px;padding:12px 10px;min-height:48px}.feed-controls{flex-wrap:nowrap;gap:0} .question-card h2{font-size:20px;line-height:1.5}.question-preview{font-size:17px;line-height:1.75} .card-meta{font-size:13px;gap:7px}.reply-link{font-size:14px;min-height:44px} .doctor-badge,.waiting-badge{font-size:12px}.breadcrumb{font-size:13px;gap:7px} .section-hero h1{font-size:28px}.section-hero p{font-size:15px} .topic-card h1{font-size:26px;line-height:1.45}.topic-text{font-size:18px;line-height:1.85} .topic-author{font-size:15px}.topic-author small{font-size:13px} .answer-body{font-size:17px;line-height:1.85}.answer-header strong{font-size:16px}.answer-header small{font-size:13px} .answers-heading{font-size:23px}.document-card h1{font-size:26px;line-height:1.45} .document-card p,.document-card li{font-size:17px}.profile-heading h1{font-size:25px} .profile-heading p{font-size:16px}.stacked-form input,.stacked-form textarea,.stacked-form select{font-size:17px} .drawer-login{display:flex;justify-content:flex-start;min-height:48px;font-size:16px;padding:10px 12px;margin-top:15px;color:var(--accent);font-weight:550} } @media(max-width:360px){.header-inner>.login-button{display:none}.brand-wordmark{font-size:29px}.ask-button{font-size:13px;padding:0 11px}.card-footer{gap:8px}.doctor-badge{padding:5px 7px}} /* Обсуждения как цельная лента: плоские поверхности и разделители вместо карточек. */ :root{--radius:0px;--bg:#f6f6f4} .brand-wordmark{color:#f04517} .header{border-bottom-color:#dededb} .global-search{border-radius:5px} .button,.icon-button{border-radius:5px} .nav-item{border-radius:0;border-left:3px solid transparent;padding-left:10px} .nav-item.active{border-left-color:var(--accent)} .nav-item[href*="page=section"].active{border-left-color:var(--section-color,#705b9f)} .layout{gap:28px} .feed-controls{margin-bottom:0;border-bottom:1px solid #d9dcd9} #feed{background:white;border:1px solid #e2e3df;border-top:0} .question-card{border:0;border-bottom:1px solid #e2e3df;border-radius:0;margin:0;padding:23px 24px;transition:background .15s} .question-card:last-child{border-bottom:0} .question-card:hover{background:#fffaf5;border-color:#e2e3df} .question-card h2{margin-bottom:9px} .question-card .card-meta{margin-bottom:9px} .question-preview{margin-bottom:10px} .category-icon{border-radius:4px} .doctor-badge,.waiting-badge{border-radius:3px} .card-footer{gap:14px} .aside-card{border:0;border-radius:0;border-bottom:1px solid #dcdfdc;background:transparent;padding:20px 0;margin-bottom:12px} .community-card{background:#fff0df;border:0;border-top:4px solid #f7aa61;padding:23px;margin-bottom:7px} .community-card .button{width:100%} .rightbar>.aside-card:first-child:not(.community-card){padding-top:8px} .care-note{padding:14px 0} .section-hero{border:0;border-left:4px solid var(--section-color,#ab621d);border-radius:0;padding:24px;margin-bottom:18px} .section-symbol{border-radius:4px} .topic-card{border-radius:0;border:0;border-bottom:1px solid #daddd9} .answer-card{border-radius:0;border:0;border-bottom:1px solid #dedfdc;margin:0;padding:24px} .answer-card.doctor-answer{border:0;border-left:3px solid #5b83c9;border-bottom:1px solid #dedfdc;background:#fbfcff} .reply-form{border-radius:0;border:0;border-top:2px solid #d9dcd8;margin-top:24px} .document-card{border-radius:0;border:0;border-top:3px solid #e2e4df} .notice{border-radius:0;border-left:3px solid #c7d5df} .form-result{border-radius:0} .stacked-form input,.stacked-form textarea,.stacked-form select{border-radius:4px} .pagination a,.pagination button{border-radius:4px} .empty-state{border:0;border-radius:0} .prototype-label{border-radius:3px} dialog{border-radius:6px} .answers-heading{padding-bottom:10px;border-bottom:1px solid #daddd9;margin-bottom:0} .document-card+.answers-heading+.question-card{border-top:0} @media(max-width:720px){ .layout{padding-left:0;padding-right:0;padding-top:24px} .page-heading,.breadcrumb{margin-left:18px;margin-right:18px} .feed-controls{padding:0 18px 14px;margin:0;border-bottom:1px solid #d9dcd9;gap:8px;flex-wrap:wrap;overflow:visible} .filter{background:white;border:1px solid #d8dcd9;border-radius:4px;padding:9px 12px;font-size:14px;min-height:44px} .filter.active{background:#ffeadb;border-color:#dba78d;color:#9d3213} .filter.active:after{display:none} #feed{border-left:0;border-right:0} .question-card{padding:22px 18px;border-radius:0;margin:0} .card-footer{gap:12px} .section-hero{padding:22px 18px;margin-bottom:18px;border-left:0;border-top:3px solid var(--section-color,#ab621d)} .topic-card{padding:23px 18px} .topic-card h1{font-size:26px} .answers-heading{padding:0 18px 12px;margin-top:27px} .answer-card{padding:23px 18px} .reply-form{padding:24px 18px} .document-card{padding:24px 18px} .notice{padding:16px} dialog{border-radius:5px} } /* Визуальный язык Кью: нейтральные поверхности, синий акцент, вопрос и автор. */ :root{--bg:#f1f2f6;--surface:#fff;--text:#24262e;--muted:#59616d;--line:#e2e5ed;--accent:#2461d9;--accent-dark:#1a4cb5;--mint:#edf2ff;--soft:#edf0f5;--radius:2px;font-family:Arial,Helvetica,sans-serif} body{background:var(--bg)} h1,h2,h3{letter-spacing:-.35px} button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#336beb} .portal-topline{background:#fff;border-bottom:1px solid var(--line);font-size:12px;color:#59616d} .portal-topline>div{max-width:1440px;margin:auto;padding:8px 36px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap} .portal-topline b{font-weight:normal;color:#303642} .portal-topline nav{display:flex;gap:18px;flex-wrap:wrap} .portal-topline a{color:#46536c} .portal-topline a:hover{color:var(--accent)} .header{height:82px;border-bottom:1px solid var(--line);background:#fff} .header-inner{gap:22px} .brand-wordmark{color:#24262e;font-size:35px;letter-spacing:-1.7px} .brand-wordmark span{color:var(--accent);letter-spacing:-1.6px} .global-search{background:#eff1f6;border:1px solid transparent;border-radius:4px;height:46px} .global-search:focus-within{border-color:#447ce1} .global-search input{font-size:16px;color:#30343e} .global-search input::placeholder{color:#59616d} .global-search svg{color:#63718a} .button,.icon-button{border-radius:4px} .button.primary{background:var(--accent);color:white} .button.primary:hover{background:var(--accent-dark)} .button.secondary{border-color:#d8dfec;color:#364869} .button.secondary:hover{background:#edf2ff} .auth-entry{display:flex;align-items:center;gap:13px;flex-shrink:0} .auth-entry>.login-button{color:var(--accent);padding:0 7px} .auth-entry>span{display:grid;gap:3px} .auth-link{padding:0;border:0;background:none;font-size:12px;line-height:1.6;color:#465879;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer} .auth-link:hover{color:var(--accent)} .layout{padding-top:30px;gap:28px;align-items:start} .sidebar{top:108px;height:calc(100vh - 140px);align-self:start} .nav-item{font-size:16px;color:#424b5c;min-height:48px;border-left:2px solid transparent;padding-left:10px;border-radius:2px} .nav-item:hover{background:#e6eaf4} .nav-item.active{background:#fff;color:var(--accent);border-left-color:var(--accent);font-weight:600} .nav-item[href*="page=section"].active{background:#fff;color:var(--accent);border-left-color:var(--accent)} .nav-item>svg{color:#667897} .nav-item.active>svg{color:var(--accent)} .nav-title{color:#56616f;letter-spacing:.6px;font-size:12px} .sidebar-footer{border-color:#dce2ec} .sidebar button.nav-item{width:100%;text-align:left} .q-section-legend{font-size:12px;line-height:1.65;color:#5b6882;padding:12px 10px;border-top:1px solid #dce3ef;margin-top:10px} .q-section-legend p{margin-bottom:9px} .legend-today,.legend-week{padding:2px 4px;font-weight:500} .legend-today{background:#e6f0d6;color:#436431}.legend-week{background:#fff2c9;color:#715918} .q-profile-facts{margin-top:18px} .q-profile-facts>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:15px;padding:10px 0;border-bottom:1px solid #e3eaf5;font-size:15px;line-height:1.7} .q-profile-facts dt{font-weight:600;color:#4b5d7c}.q-profile-facts dd{margin:0;color:#566581} .q-profile-facts a{color:#2a5da9} .page-heading .eyebrow{color:#52627d;font-size:12px} .page-heading h1{font-size:34px;color:#20232c;font-weight:700} .page-heading .muted{color:#59616d} .feed-controls{border-color:#dce2ec;margin-bottom:15px;background:transparent} .filter{color:#515d72;font-size:14px} .filter.active{color:var(--accent)} .filter.active:after{background:var(--accent)} .feed-count{color:#5c6676} #feed{background:transparent;border:0} .question-card{background:#fff;border:0;border-bottom:1px solid #dfe5ef;border-radius:2px;margin:0 0 12px;padding:24px 25px;transition:background .15s} .question-card:hover{background:#fff;border-color:#dfe5ef} .question-card h2{font-size:23px;line-height:1.4;font-weight:700;letter-spacing:-.3px;margin:13px 0 12px;color:#20232c} .question-card h2 a:hover{color:var(--accent)} .card-meta{font-size:13px;color:#566176} .category{color:#4e617f;font-size:13px;font-weight:600;gap:8px} .category-icon{width:26px;height:26px;border-radius:3px} .question-preview{font-size:17px;line-height:1.75;color:#434b59;margin-bottom:14px} .card-author{color:#4e5d75;font-size:13px;font-weight:500} .card-footer{border-top:1px solid #edf0f5;padding-top:9px} .reply-link{color:#465570;font-size:14px} .reply-link:hover{color:var(--accent)} .doctor-badge{background:#edf2ff;color:#315699;font-size:12px;line-height:1.6;border-radius:3px} .waiting-badge{background:#f3f1fb;color:#67518c;font-size:12px;line-height:1.6;border-radius:3px} .q-answer-preview{margin:17px 0 14px;padding:14px 15px;border-left:2px solid #b7c9ef;background:#f7f9fe} .q-post-header{display:flex;gap:10px;align-items:center;margin-bottom:12px} .q-post-header .avatar{width:33px;height:33px;font-size:12px;background:#e8e5f6;color:#6a5993} .q-post-header strong{display:block;font-size:15px;font-weight:600;color:#303b50} .q-post-header small{display:block;font-size:12px;color:#57657e;line-height:1.6;margin-top:2px} .q-search-options{margin-bottom:16px;color:#526380} .q-search-options summary{font-size:13px;cursor:pointer;display:inline-block;min-height:32px;line-height:1.6;text-decoration:underline;text-underline-offset:3px} .q-search-options>div{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:#fff;padding:15px;margin-top:5px} .q-search-options label{font-size:13px;display:grid;gap:6px;color:#50617c;flex:1;min-width:175px} .q-search-options select{width:100%;padding:8px;border:1px solid #ced9ed;background:white;border-radius:3px;min-height:40px;font-size:14px} .q-search-options .check{display:flex;align-items:center;gap:7px;flex:0;white-space:nowrap;min-width:auto;min-height:40px} .q-search-options input[type=checkbox]{width:18px;height:18px;appearance:auto;accent-color:var(--accent)} .q-answer-author{display:flex;gap:9px;align-items:center;margin-bottom:8px;font-size:14px;color:#344568} .q-answer-author .avatar{width:29px;height:29px;font-size:11px;background:#e6edff;color:#4d66a0} .q-answer-author strong{font-size:14px;font-weight:600} .q-answer-author small{font-size:12px;color:#5d6680} .q-answer-preview p{font-size:16px;line-height:1.75;color:#434c5d;margin:0 0 5px} .q-answer-preview>a{font-size:14px;color:#245cc9;display:inline-flex;min-height:32px;align-items:center} .aside-card{background:white;border:0;border-radius:2px;padding:20px;margin:0 0 16px} .aside-card h3{font-size:18px;color:#282f3e} .aside-card p{font-size:15px;color:#515e73;line-height:1.7} .community-card{background:#e7eeff;border-top:3px solid #8caef8;padding:21px} .community-card h3{font-size:23px;color:#293f6f} .community-card p{color:#475b82} .community-card .aside-note{color:#4a5f82!important} .community-illustration{height:55px;margin-bottom:15px} .bubble{width:46px;height:46px;border-radius:5px;box-shadow:0 0 0 3px #e7eeff} .bubble svg{width:23px;height:23px} .bubble-orange{background:#c4d8ff;color:#3863ac} .bubble-purple{background:#dcd4fa;color:#6b53a1} .bubble-blue{background:#cfe4f7;color:#477b9f} .text-link{color:var(--accent)} .aside-rule{border-color:#cbd9f2} .support-card{padding:16px 20px} .support-card p{margin-bottom:3px;font-size:14px} .support-card a{color:var(--accent);font-size:14px} .portal-stats{margin:13px 0} .portal-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #e7ecf5} .portal-stats dt{font-size:14px;color:#515e73} .portal-stats dd{font-size:18px;font-weight:600;color:#2f4979;margin:0;white-space:nowrap} .portal-stats dd a{color:inherit} .statistics-card>p,.statistics-card>small{font-size:13px;line-height:1.65;color:#515e73;margin-bottom:8px;display:block} .article-links{margin:8px 0 12px;padding-left:17px;font-size:15px;line-height:1.7;color:#305a9e} .article-links a{color:#305a9e} .ranking-card summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;min-height:44px;font-size:17px;font-weight:600;list-style:none} .ranking-card summary::-webkit-details-marker{display:none} .ranking-card summary span:last-child{font-size:12px;color:#5b6c88;font-weight:400} .ranking-list{margin:10px 0 8px;padding-left:22px;font-size:14px;line-height:1.65} .ranking-list li{padding:7px 0;border-bottom:1px solid #edf0f6} .ranking-list li::marker{color:#677388;font-size:12px} .ranking-row{display:flex;justify-content:space-between;gap:8px;align-items:baseline} .ranking-row a{color:#305a9e;overflow-wrap:anywhere} .ranking-row span{font-size:12px;color:#5d6a81;white-space:nowrap} .q-ad{background:#f8f9fc;border:1px dashed #c8d0df;min-height:78px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:5px;font-size:12px;color:#596a83;margin-bottom:17px;padding:10px} .q-ad strong{font-size:14px;color:#4c5d78;font-weight:500} .q-top-ad{min-height:30px;margin:0 0 15px;padding:5px 10px;background:transparent;font-size:11px;border-color:#d2d9e7} .q-feed-ad{min-height:40px;background:transparent} .q-news{font-size:13px;color:#566581;padding:12px 0;border-top:1px solid #dce2ec;margin-top:13px} .q-news a{display:block;color:#365d9c;min-height:32px;line-height:1.6;padding:5px 0} .q-archive{padding:16px;background:white;margin-bottom:16px;border-top:2px solid #ccd9ee} .q-archive h3{font-size:15px;margin-bottom:10px;color:#364b70} .q-archive a{color:#305a9e} .q-archive form{display:grid;grid-template-columns:1fr 1fr;gap:8px} .q-archive label{font-size:12px;color:#566581;display:grid;gap:4px} .q-archive select{font-size:14px;min-height:40px;width:100%;border:1px solid #d3dcec;background:white;border-radius:3px;padding:6px;color:#344b70} .q-archive .button{grid-column:1/-1;font-size:13px;min-height:40px;margin-top:4px} .section-hero{background:#e9effc;border-color:#a8c0ef;border-left-width:3px;padding:23px} .section-symbol{color:var(--accent);border-radius:3px} .section-hero .eyebrow{color:#3b5b92} .section-hero p{color:#485b7b;font-size:15px} .section-staff-note{background:#fff;padding:16px 19px;border-left:2px solid #c3d4f4;margin-bottom:15px;font-size:14px;line-height:1.7;color:#4a5b76} .section-staff-note p{margin-bottom:9px} .section-staff-note a,.section-staff-note button{color:#245cc9} .section-staff-note button{font-size:14px;text-decoration:underline;padding:0;min-height:32px} .topic-card,.answer-card,.reply-form,.document-card{background:white;border-color:#dfe5ef;border-radius:2px} .topic-card{padding:30px;border:0} .topic-card h1{font-size:31px;font-weight:700;color:#20232c} .topic-text{color:#3d4655;font-size:18px;line-height:1.85} .answers-heading{color:#263249;font-size:23px;border-color:#dbe3f0;margin-top:27px;margin-bottom:12px} .answer-card{padding:26px;margin-bottom:12px;border:0;border-bottom:1px solid #dfe5ef} .answer-card.doctor-answer{background:#fff;border-left:3px solid #799fe9;border-bottom-color:#dfe5ef} .answer-body{font-size:18px;color:#3d4655;line-height:1.8} .avatar.teal{background:#e6edff;color:#506b9f} .avatar{background:#ece7fb;color:#75599e} .reply-form{border:0;border-top:2px solid #c9d7ef} .document-card{border:0;padding:28px} .document-card h1{font-weight:700;font-size:30px;color:#20232c} .document-card p,.document-card li{color:#435066} .notice{background:#f0f4fb;border-left-color:#b7c9e9;color:#4c6182} .notice strong{color:#334e79} .document-card summary{color:#34547e} .stacked-form input,.stacked-form textarea,.stacked-form select{border-color:#c9d4e7;border-radius:4px;color:#303e55} .form-result{color:#2b559a;background:#edf3ff} .q-captcha{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center} .captcha-place{height:55px;display:grid;place-items:center;border:1px dashed #bcc9e0;background:#edf2fc;color:#5b6f95;font:italic 17px Georgia,serif;letter-spacing:2px} .q-captcha input{font-size:14px;background:#f3f5f9;color:#697993} .q-captcha .auth-link{margin-top:8px;min-height:32px} .stacked-form .subscribe-toggle{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:400} .subscribe-toggle input{width:20px;min-height:20px;height:20px;padding:0;margin:0;appearance:auto;accent-color:var(--accent);flex-shrink:0} .portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px} .portal-grid ul{list-style:none;padding:0;margin:0} .portal-grid li{padding:12px 0;border-bottom:1px solid #e3eaf5;font-size:16px} .portal-grid a{color:#2a5da9} .q-alphabet{display:flex;flex-wrap:wrap;gap:5px;margin:18px 0} .q-alphabet a{display:grid;place-items:center;min-width:37px;min-height:44px;font-size:15px;background:#edf2fc;color:#3b609f;padding:4px} .q-alphabet a.active{background:#d5e3ff;color:#234d9b;font-weight:600} .q-form-footer{margin-top:18px} .q-only-subscribe{font-size:14px;display:block;color:#245cc9;padding:12px 0;min-height:44px;text-decoration:underline} .q-footer{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;line-height:1.6;color:#5a6680;padding:18px 36px 30px;border-top:1px solid #dbe3ef} .q-footer a{color:#47608a} .q-footer .q-counters{display:flex;gap:8px;flex-wrap:wrap} .q-counters span{border:1px solid #cfdaeb;padding:4px 9px;font-size:11px;color:#5d7398;background:#eef3fb} .prototype-label{background:#ffffffeb;border-color:#d7dfed;color:#63738d} .prototype-label>span:first-child{background:#5c87dd} .pagination .selected{background:var(--accent)} .pagination a:hover{background:#e5edff} .since,.sidebar-footer p,.sidebar-footer a{color:#5b6680} @media(max-width:1200px){.portal-topline>div{padding:8px 24px}.auth-entry>span{display:none}.layout{grid-template-columns:200px minmax(0,1fr);gap:24px}.rightbar{display:grid;grid-column:2;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.rightbar>.aside-card,.rightbar>.q-ad{margin:0}.rightbar>.care-note{grid-column:1/-1}.sidebar{grid-row:1/3}} @media(max-width:1000px){.rightbar{display:grid;grid-column:2}.brand{width:200px}.header-inner{gap:14px}} @media(max-width:720px){ .portal-topline{font-size:11px}.portal-topline>div{padding:7px 16px;gap:4px}.portal-topline nav{gap:12px;font-size:11px} .portal-topline>div>span{display:none}.portal-topline nav{width:100%;justify-content:space-between} .header{height:auto}.header-inner{padding:10px 14px;gap:7px}.brand{width:auto}.brand-wordmark{font-size:29px} .auth-entry{gap:0}.auth-entry>.login-button{font-size:14px;padding:0 3px;min-height:44px}.auth-entry>span{display:none} .global-search{margin-top:4px;height:44px;border-radius:4px}.global-search input{font-size:16px} .ask-button{padding:0 11px;min-height:44px;font-size:13px} .layout{display:block;padding:23px 0 50px}.page-heading{margin:0 18px 18px}.page-heading h1{font-size:29px} .page-heading .muted{font-size:15px;line-height:1.6}.eyebrow{font-size:12px} .feed-controls{padding:0 18px 14px;margin-bottom:0;gap:8px;border-bottom:0}.filter{border-color:#d4deef;background:#fff;color:#4b5c79} .filter.active{background:#e7efff;color:#2853a6;border-color:#acc3ee} #feed{padding:0 0 0;background:transparent}.question-card{padding:22px 18px;margin-bottom:10px;border-radius:0;border-bottom:1px solid #dde5f3} .question-card h2{font-size:22px;line-height:1.45;margin-top:11px}.question-preview{font-size:17px;color:#434b59;-webkit-line-clamp:3} .card-meta{font-size:13px}.category{font-size:13px}.card-author{display:none} .q-answer-preview{padding:12px 13px;margin:15px 0 12px}.q-answer-preview p{font-size:16px;line-height:1.7} .q-answer-author strong{font-size:14px}.q-answer-author small{font-size:12px} .rightbar{display:block;margin:30px 18px 0}.rightbar>.aside-card,.rightbar>.q-ad{margin-bottom:14px} .ranking-card summary{font-size:17px;min-height:44px}.ranking-card summary span:last-child:after{content:' +';font-size:18px} .ranking-card[open] summary span:last-child:after{content:' −'} .ranking-list{font-size:16px}.ranking-row span{font-size:13px}.ranking-list li{padding:9px 0} .portal-stats dt{font-size:16px}.portal-stats dd{font-size:20px}.statistics-card>p,.statistics-card>small{font-size:14px} .sidebar{grid-row:auto}.sidebar .nav-item{font-size:16px}.sidebar .q-archive{border:1px solid #dbe4f3;margin-top:8px} .community-card h3{font-size:24px}.aside-card p{font-size:16px}.text-link{font-size:15px}.article-links{font-size:16px} .section-hero{padding:22px 18px;border-left:0;border-top:2px solid #acc3ee}.section-hero h1{font-size:28px} .section-staff-note{margin:0 0 14px;padding:16px 18px;font-size:15px} .topic-card{padding:23px 18px;border-radius:0}.topic-card h1{font-size:27px;line-height:1.45}.topic-text{font-size:18px;line-height:1.85} .answers-heading{padding-left:18px;padding-right:18px;margin-top:26px}.answer-card{padding:23px 18px;border-radius:0} .answer-body{font-size:18px}.reply-form{padding:23px 18px;border-radius:0}.document-card{padding:24px 18px;border-radius:0} .document-card h1{font-size:27px}.document-card p,.document-card li{font-size:17px} .q-captcha{grid-template-columns:1fr}.captcha-place{max-width:150px}.q-footer{margin:25px 18px 0;padding:18px 0 25px;font-size:13px} .portal-grid{grid-template-columns:1fr}.q-only-subscribe{padding:12px 18px} .q-profile-facts>div{display:block;font-size:16px}.q-profile-facts dt{margin-bottom:5px} .q-search-options{margin-left:18px;margin-right:18px;margin-bottom:15px}.q-search-options summary{font-size:14px} .q-top-ad{margin-left:18px;margin-right:18px;font-size:11px} } @media(max-width:360px){.auth-entry{display:none}.portal-topline nav{gap:8px;font-size:10px}.brand-wordmark{font-size:29px}.ask-button{padding:0 10px}.q-answer-preview{padding:11px 12px}} /* Пропорции ленты ближе к Кью; читабельность и прямоугольные контейнеры сохранены. */ :root{--bg:#f0f2f5;--text:#202124;--muted:#5f636b;--accent:#2a6eea;--accent-dark:#1f58c6;--line:#e7e9ee;--soft:#e7e9ed;--mint:#eef3ff} body{background:#f0f2f5} .portal-topline{background:#f0f2f5;border:0;color:#5f636b} .portal-topline>div{max-width:1040px;padding:7px 20px;font-size:11px} .portal-topline a,.portal-topline b{color:#60646c} .header{height:76px;background:#f0f2f5;border:0} .header-inner{max-width:1040px;padding:0 20px;gap:18px} .brand{width:130px} .brand-wordmark,.brand-wordmark span{color:#24252c;font-size:33px;letter-spacing:-1.5px} .brand-wordmark{display:flex;gap:3px;align-items:center;line-height:1} .brand-wordmark .logo-disc{width:32px;height:32px;background:#24262e;color:#fff;display:grid;place-items:center;border-radius:50%;font-size:25px;font-weight:700;letter-spacing:-1px;line-height:1} .brand-wordmark .logo-disc+.logo-disc{margin-left:-11px;position:relative;z-index:1} .brand-wordmark .logo-domain{font-size:28px;margin-left:2px;font-weight:700;letter-spacing:-1.5px} .global-search{height:42px;border:0;border-radius:4px;background:#e7e9ed;max-width:485px} .global-search input{font-size:15px;color:#292b31} .global-search input::placeholder{color:#666b73} .global-search svg{color:#7b8089} .global-search kbd{display:none} .global-search:focus-within{background:#fff;box-shadow:0 0 0 1px #92b4fa} .ask-button{font-size:14px;min-height:42px;padding:0 15px;margin-left:auto} .auth-entry>span{display:none} .auth-entry>.login-button{font-size:14px;min-height:42px;color:var(--accent)} .header-inner .ask-button,.header-inner .login-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;font-size:14px;font-weight:600;line-height:1.3;padding:0 15px;border-radius:4px} .auth-entry>.login-button{border:1px solid #a9bfe9;background:#fff} .auth-entry>.login-button:hover{background:#edf3ff;border-color:#7c9fdf} .community-card>p{margin-bottom:0} .layout{max-width:1040px;padding:17px 20px 52px;grid-template-columns:56px minmax(0,1fr) 320px;gap:32px;align-items:start} .q-rail{position:sticky;top:95px;display:grid;gap:12px;align-self:start;grid-column:1;justify-items:center} .q-rail a,.q-rail button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:62px;width:56px;background:transparent;color:#2a2d34;border:0;border-radius:4px;text-decoration:none;font-size:11px;line-height:1.3;padding:7px 2px;cursor:pointer} .q-rail svg{width:23px;height:23px} .q-rail .active{background:#fff;color:var(--accent);box-shadow:0 1px 2px #1b254a08} .q-rail a:hover,.q-rail button:hover{background:#fff;color:var(--accent)} .q-rail small{font-size:11px;font-weight:400;color:inherit} .sidebar{display:none;position:fixed;top:0;bottom:0;left:0;width:320px;max-width:calc(100vw - 30px);height:100dvh;overflow-y:auto;padding:23px 18px;background:#fff;z-index:45;box-shadow:8px 0 35px #15263b1c;grid-row:auto;grid-column:auto} .sidebar.open{display:block} .sidebar .drawer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px} .sidebar .drawer-heading strong{font-size:20px;color:#202124} .sidebar .q-archive{border:1px solid #e1e6f1} .drawer-backdrop.open{display:block;position:fixed;inset:0;background:#111b3059;z-index:40} .sidebar .nav-item{min-height:48px;color:#3c414b;font-size:16px} .sidebar .nav-item.active{background:#eef3ff;border-left-color:var(--accent);color:var(--accent)} .sidebar .nav-title{font-size:12px;color:#666b74} .sidebar .drawer-login{display:flex;font-size:16px;min-height:44px;color:var(--accent);align-items:center;padding:10px 12px} .sidebar .q-account-links{display:grid;gap:4px;padding:8px 12px} .q-account-links .auth-link{font-size:14px;min-height:36px;display:inline-flex;align-items:center;color:#5c6471} .page-heading{margin-top:0;margin-bottom:12px} .page-heading .eyebrow{display:none} .page-heading h1{font-size:26px;font-weight:700;letter-spacing:-.4px;color:#24262c} .page-heading .muted{font-size:15px;line-height:1.5;color:#60646c} .q-search-options{margin-bottom:9px} .q-search-options summary{font-size:12px;min-height:27px;color:#626b79} .q-top-ad{margin-bottom:9px;background:#f0f2f5;border-color:#e0e3e9;min-height:26px;font-size:10px;color:#6c7481} .feed-controls{margin-bottom:14px;border:0;gap:4px;min-height:41px} .filter{padding:9px 10px 11px;min-height:41px;font-size:13px;color:#656a74} .filter.active{background:#fff;color:var(--accent);border-radius:3px} .filter.active:after{display:none} .feed-count{font-size:11px;color:#626a76} .question-card{padding:20px;background:#fff;border:0;border-radius:4px;margin-bottom:16px;box-shadow:none} .question-card:hover{background:#fff} .q-post-header{margin-bottom:12px;gap:9px} .q-post-header .avatar{width:32px;height:32px;background:#ebecf3;color:#5e6480;font-size:12px} .q-post-header strong{font-size:15px;line-height:1.4;color:#26282d} .q-post-header small{font-size:13px;color:#666b73;line-height:1.5;margin-top:1px} .q-question-frame{border:1px solid #e9eaee;border-radius:3px;padding:12px 13px;margin:12px 0 15px;background:#fff} .q-question-frame h2{font-size:21px;line-height:1.4;margin:0 0 7px;letter-spacing:-.25px;color:#202124} .q-question-frame h2 a{color:#202124} .q-question-frame h2 a:hover{color:var(--accent)} .q-question-frame .question-preview{font-size:16px;line-height:1.65;color:#494f59;margin:0 0 8px;-webkit-line-clamp:2} .q-question-meta{display:flex;gap:6px 11px;flex-wrap:wrap;font-size:13px;line-height:1.5;color:#666b73} .q-question-meta a{color:#5a657a} .q-question-meta a:hover{color:var(--accent)} .question-card .card-meta{margin:0} .category,.category[href]{color:#555d6b;--section-color:#526783;--section-bg:#eaf0f9;font-weight:500;font-size:13px} .category-icon{width:22px;height:22px;background:#eaf0f9;color:#526783;border-radius:3px} .category-icon svg{width:14px;height:14px} .q-card-answer p{font-size:17px;line-height:1.7;color:#30343b;margin:0 0 9px} .q-card-answer>a{color:#596474;font-size:14px;min-height:36px;display:inline-flex;align-items:center} .q-card-answer>a:hover{color:var(--accent)} .q-card-answer small{display:block;font-size:12px;color:#656b75;margin:2px 0 10px} .card-footer{border:0;padding-top:5px;gap:12px} .reply-link{border:1px solid #e6e8ed;border-radius:4px;min-height:38px;padding:0 9px;color:#3f454f;font-size:13px} .reply-link svg{color:#505862;width:17px;height:17px} .doctor-badge{background:#f1f5fc;color:#4a6290;font-size:12px;font-weight:400;padding:4px 6px} .waiting-badge{background:#f4f4f7;color:#636874;font-size:12px;padding:4px 6px} .q-answer-preview{background:#fff;border:0;padding:0;margin:0} .community-card,.aside-card{background:#fff;border:0;border-radius:4px;padding:18px;margin-bottom:17px} .community-illustration{display:none} .community-card h3{font-size:21px;line-height:1.35;color:#26282d} .community-card p{color:#59616c;font-size:15px;line-height:1.6} .community-card .aside-note{color:#666b75!important} .aside-rule{border-color:#edf0f3;margin-top:14px;padding-top:12px} .aside-card h3{font-size:17px;color:#292d34} .aside-card p,.statistics-card>p,.statistics-card>small{color:#5f6671} .portal-stats dd{color:#343a46} .portal-stats dt{color:#606773} .portal-stats div,.ranking-list li{border-color:#edf0f3} .ranking-row a,.article-links a{color:#535f75} .ranking-row span{color:#66707e} .q-ad{border:1px solid #e4e7ed;background:#fff;color:#626b78;border-radius:3px;min-height:102px} .q-top-ad,.q-feed-ad{min-height:27px;border:1px dashed #dee3eb;background:transparent;font-size:10px} .section-hero{background:#fff;border:0;border-radius:4px;padding:21px;margin-bottom:14px} .section-symbol{color:var(--accent);background:#eef3fc} .section-hero h1{font-size:28px;color:#202124} .section-hero .eyebrow{display:none} .section-hero p{font-size:15px;color:#606671} .section-staff-note{background:#fff;border:0;border-radius:4px;padding:15px 18px;font-size:14px;line-height:1.65} .section-staff-note a,.section-staff-note button{color:#546c9b} .topic-card,.answer-card,.reply-form,.document-card{border-radius:4px;border:0;background:#fff} .topic-card,.document-card{padding:25px} .topic-card h1,.document-card h1{font-size:28px;line-height:1.4;color:#202124} .answer-card{padding:23px} .answer-card.doctor-answer{border-left:2px solid #a1bdf6;background:#fff} .topic-text,.answer-body,.document-card p{color:#30343b;font-size:18px;line-height:1.8} .answers-heading{font-size:22px;color:#2b3039} .q-footer{max-width:1040px;padding:20px 20px 28px;color:#626c7c} .q-footer a{color:#5b6980} .q-counters span{border-color:#dce2ec;background:#edf0f5;color:#63738e} .q-archive p{font-size:13px;color:#666b75;line-height:1.6;margin:0 0 9px} .q-archive-shortcuts{display:flex;gap:7px;margin:10px 0 5px} .q-archive-shortcuts a{padding:7px 9px;min-height:38px;font-size:14px;background:#f0f3f8;color:#536583;border-radius:3px} .q-archive-calendar{background:#fff;padding:23px;border-radius:4px} .q-archive-intro h2{font-size:21px;line-height:1.4;margin-bottom:8px;color:#272a30} .q-archive-intro p{font-size:16px;color:#646b76;line-height:1.6;margin-bottom:18px} .q-year-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px} .q-year-tabs a{padding:9px 13px;min-height:44px;border:1px solid #e4e8f0;border-radius:3px;font-size:15px;color:#525f74} .q-year-tabs a.selected{background:#edf3ff;border-color:#b8ccf6;color:#245fc9} .q-year{border-top:1px solid #e6e9ef;padding:6px 0} .q-year summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 0;cursor:pointer;list-style:none} .q-year summary::-webkit-details-marker{display:none} .q-year summary strong{font-size:23px;color:#292d34} .q-year summary>span{font-size:13px;color:#636d7e;display:flex;gap:14px;align-items:center} .q-year-toggle{font-size:22px;font-weight:400;width:22px;text-align:center} .q-year[open] .q-year-toggle{font-size:0}.q-year[open] .q-year-toggle:after{content:'−';font-size:22px} .q-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-bottom:10px} .q-month{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:54px;padding:11px 12px;background:#f4f6fa;color:#394c6c;border:1px solid #e9edf4;border-radius:3px;font-size:15px} .q-month:hover{background:#eaf1ff;color:#265dc0;border-color:#bfd1f4} .q-month>span{color:#7c98c5}.q-month.future{color:#69717d;background:#fafbfc;flex-direction:column;align-items:flex-start;justify-content:center} .q-month.future small{font-size:11px;line-height:1.4;color:#717a88} .q-whole-year{font-size:14px;color:#48699e;display:flex;align-items:center;min-height:44px;margin:0 0 12px} .q-calendar-note{margin-top:18px!important;padding-top:15px;border-top:1px solid #e5e9f1;font-size:13px;color:#656e7e;line-height:1.6} .q-period-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 0 20px;font-size:14px;color:#536d99} .q-period-toolbar a{min-height:40px;display:inline-flex;align-items:center} .q-archive-empty{background:#fff;padding:26px;border-radius:4px} .q-archive-empty h2{font-size:21px}.q-archive-empty p{font-size:17px;line-height:1.75;color:#5c6573;margin:0} .q-auth-page{background:#fff;padding:28px;border-radius:4px;max-width:470px;margin:10px auto} .q-auth-page h1{font-size:28px;color:#202124;margin:12px 0} .q-auth-page>p{font-size:17px;color:#606875;line-height:1.7} .q-auth-page .text-link{font-size:14px;color:#566982} .q-auth-page .stacked-form{margin-top:22px}.q-auth-page .stacked-form input{font-size:16px;min-height:46px;background:#f6f7f9} .q-auth-page .button{width:100%;min-height:46px} .q-auth-links{display:grid;gap:3px;margin-top:16px;border-top:1px solid #e7ebf2;padding-top:13px} .q-auth-links a{min-height:40px;display:inline-flex;align-items:center;font-size:15px;color:#456aab} body[data-page="login"] .rightbar,body[data-page="register"] .rightbar,body[data-page="restore"] .rightbar{display:none} body[data-page="login"] .layout,body[data-page="register"] .layout,body[data-page="restore"] .layout{grid-template-columns:56px minmax(0,1fr);max-width:760px} body[data-page="login"] .q-top-ad,body[data-page="register"] .q-top-ad,body[data-page="restore"] .q-top-ad{display:none} @media(max-width:1120px){ .header-inner,.portal-topline>div{padding-left:24px;padding-right:24px} .layout{grid-template-columns:56px minmax(0,1fr);max-width:800px;padding:20px 24px 48px;gap:25px} .rightbar{display:grid;grid-column:2;grid-template-columns:1fr 1fr;gap:16px} .rightbar>.aside-card,.rightbar>.q-ad{margin:0}.rightbar>.care-note{grid-column:1/-1} .q-rail{grid-row:1/3}.sidebar{grid-row:auto;grid-column:auto} .brand{width:130px}.auth-entry>span{display:none} } @media(max-width:720px){ .q-rail{display:none}.layout{display:block;padding:18px 0 38px;max-width:none} .header{height:auto;background:#f0f2f5}.header-inner{padding:9px 15px;gap:7px} .brand{width:auto}.brand-wordmark,.brand-wordmark span{font-size:29px;letter-spacing:-1.3px} .brand-wordmark .logo-disc{width:28px;height:28px;font-size:23px;letter-spacing:-.7px}.brand-wordmark .logo-domain{font-size:24px} .brand-wordmark .logo-disc+.logo-disc{margin-left:-10px} .ask-button{font-size:13px;min-height:42px;padding:0 11px}.auth-entry>.login-button{font-size:14px;min-height:42px} .header-inner .ask-button,.header-inner .login-button{font-size:13px;padding:0 11px} .global-search{background:#e7e9ed;height:43px;margin-top:3px}.global-search input{font-size:16px} .portal-topline>div{padding:6px 15px;font-size:11px}.portal-topline nav{font-size:10px} .page-heading{margin:0 18px 12px}.page-heading h1{font-size:26px}.page-heading .muted{font-size:15px} .q-search-options{margin:0 18px 10px}.q-search-options summary{font-size:13px;min-height:32px} .q-top-ad{margin-left:18px;margin-right:18px;min-height:26px;font-size:10px} .feed-controls{padding:0 18px 10px;gap:7px;margin-bottom:4px;flex-wrap:wrap;border:0} .filter{font-size:13px;min-height:44px;background:transparent;border:0;padding:9px 10px} .filter.active{background:#fff;border:0;color:var(--accent)} .question-card{padding:19px 18px;margin-bottom:11px;border-radius:0;border-bottom:1px solid #e6e9ef} .q-question-frame{padding:12px;margin:11px 0 14px;border-radius:3px} .q-question-frame h2{font-size:21px;line-height:1.45} .q-question-frame .question-preview{font-size:17px;line-height:1.7;-webkit-line-clamp:2} .q-question-meta{font-size:13px}.q-post-header strong{font-size:15px}.q-post-header small{font-size:13px} .q-card-answer p{font-size:17px;line-height:1.75}.q-card-answer>a{font-size:14px;min-height:44px} .rightbar{display:block;margin:24px 18px 0}.rightbar>.aside-card,.rightbar>.q-ad{margin-bottom:14px} .sidebar{width:300px;max-width:calc(100vw - 25px);height:100dvh;padding:23px 18px;top:0} .sidebar .q-archive{margin:6px 0 16px} .community-card,.aside-card{border-radius:3px}.community-card h3{font-size:21px} .section-hero{padding:20px 18px;border-radius:0}.section-hero h1{font-size:27px} .section-staff-note{border-radius:0;padding:15px 18px;font-size:15px} .topic-card,.document-card,.answer-card,.reply-form{border-radius:0;padding:23px 18px} .topic-card h1,.document-card h1{font-size:27px}.topic-text,.answer-body{font-size:18px} .q-footer{margin:25px 18px 0;padding:18px 0 25px} .q-archive-calendar{padding:20px 18px;border-radius:0}.q-archive-intro h2{font-size:22px} .q-month-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.q-month{font-size:16px;min-height:56px} .q-year-tabs a{font-size:15px;min-height:44px}.q-calendar-note{font-size:14px} .q-period-toolbar{padding:10px 18px 16px;font-size:14px}.q-archive-empty{padding:22px 18px;border-radius:0} .q-auth-page{margin:0;padding:24px 18px;border-radius:0;max-width:none}.q-auth-page h1{font-size:27px} } @media(max-width:360px){.auth-entry{display:none}.portal-topline nav{font-size:10px;gap:8px}.brand-wordmark,.brand-wordmark span{font-size:28px}.ask-button{padding:0 10px}} /* Rounded Q-style surfaces. Kept last so desktop and mobile share one system. */ :root{ --radius:24px; --radius-card:24px; --radius-inset:16px; --radius-control:12px; --card-shadow:0 2px 4px rgb(25 35 55 / 4%); } .question-card,.aside-card,.community-card,.section-hero,.section-staff-note, .topic-card,.answer-card,.reply-form,.document-card,.q-archive-calendar, .q-archive-empty,.q-auth-page,.empty-state{ border-radius:var(--radius-card); box-shadow:var(--card-shadow); } .question-card{padding:24px;border-bottom:0;margin-bottom:18px} .portal-topline>div{justify-content:flex-end} .community-card>p{font-size:17px;line-height:1.7;color:#49515d} .q-question-frame{border-radius:var(--radius-inset);padding:16px;margin:15px 0 18px} .q-question-frame .question-preview{font-size:17px;line-height:1.7} .q-post-header{gap:12px} .q-post-header .avatar{width:38px;height:38px;font-size:14px;flex-shrink:0} .q-post-header strong{font-size:16px} .q-post-header small{font-size:14px;color:#606773} .q-card-answer p{font-size:18px;line-height:1.75} .q-card-answer>a{gap:7px;font-size:15px;color:#546070} .q-card-answer>a .icon{width:18px;height:18px} .card-footer{gap:12px;flex-wrap:wrap} .reply-link{border-color:#dce0e6;border-radius:var(--radius-control);min-height:44px;padding:0 12px;gap:8px;font-size:16px;color:#2f3742} .reply-link:hover{background:#f4f7fd;border-color:#b7c9e9} .reply-link .icon{width:22px;height:22px;color:inherit} .doctor-badge,.waiting-badge{border-radius:9px;padding:6px 9px;font-size:13px} .doctor-badge .icon{width:16px;height:16px} .answer-card{margin-bottom:14px} .answer-card.doctor-answer{border-left:0;box-shadow:inset 0 0 0 1px #cfddf7,var(--card-shadow)} .reply-form{border-top:0} .notice,.form-result,.q-answer-preview,.q-search-options>div{border-radius:var(--radius-inset)} .care-note{border-radius:var(--radius-inset);padding:16px;background:#e9eef6;gap:10px} .q-ad,.q-archive,.drug-facts>div,.q-captcha,.captcha-place{border-radius:var(--radius-inset)} .q-ad{overflow:hidden} .q-top-ad,.q-feed-ad{border-radius:10px} .section-symbol{border-radius:14px;flex-shrink:0} .section-symbol .icon{width:28px;height:28px} .global-search{border-radius:var(--radius-control)} .button,.icon-button,.header-inner .ask-button,.header-inner .login-button, .pagination a,.pagination button,.filter,.filter.active, .stacked-form input,.stacked-form textarea,.stacked-form select,.q-search-options select{ border-radius:var(--radius-control); } .header-inner .ask-button .plus{display:inline-flex;align-items:center} .header-inner .ask-button .plus .icon{width:20px;height:20px} .q-rail a,.q-rail button{border-radius:14px} .q-rail .icon{width:25px;height:25px} .q-rail .active{box-shadow:var(--card-shadow)} .icon{display:inline-block;vertical-align:middle;flex-shrink:0} .icon-button .icon,.global-search .icon{width:22px;height:22px} .category-icon{width:28px;height:28px;border-radius:9px;flex-shrink:0} .category-icon .icon{width:18px;height:18px} .category{font-size:14px;gap:8px} .nav-section-icon{width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;color:#61738e} .nav-section-icon .icon{width:21px;height:21px} .sidebar{border-radius:0 24px 24px 0} .sidebar .drawer-heading{justify-content:flex-end} .sidebar .nav-item{border-radius:12px;border-left-color:transparent;padding-left:12px;gap:10px} .sidebar .nav-item.active{border-left-color:transparent} .sidebar .nav-item.active .nav-section-icon{color:var(--accent)} .more-sections summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;border-radius:12px} .more-sections summary::-webkit-details-marker{display:none} .more-sections summary .icon{width:18px;height:18px;transition:transform .15s} .more-sections[open] summary .icon{transform:rotate(180deg)} .q-year-tabs a,.q-month,.q-archive-shortcuts a,.q-alphabet a{border-radius:var(--radius-control)} .q-year-toggle{display:flex;align-items:center;justify-content:center} .q-year-toggle .icon{width:20px;height:20px;transition:transform .15s} .q-year[open] .q-year-toggle:after{content:none} .q-year[open] .q-year-toggle .icon{transform:rotate(180deg)} .q-month>span{display:flex} .q-month .icon{width:17px;height:17px} .breadcrumb .icon{width:16px;height:16px} .text-link{align-items:center;gap:7px} .q-counters span,.prototype-label{border-radius:8px} .q-footer .q-counters{align-items:center} .q-footer .q-counters .q-counter-slot{padding:0;border:0;background:none;border-radius:0} .liveinternet-counter{display:inline-flex;align-items:center;width:88px;height:31px} .liveinternet-counter img{display:block;width:88px;height:31px} .ranking-card summary .ranking-title{color:var(--accent);text-decoration:underline;text-underline-offset:3px} .ranking-card summary .ranking-title:hover{color:var(--accent-dark)} dialog{border-radius:var(--radius-card)} .header-actions{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:12px;width:320px;flex:0 0 320px;margin-left:auto;align-items:center} .header-actions .ask-button{margin-left:0;width:100%} .header-actions .auth-entry{display:block} .header-actions .login-button{width:100%} .header-search{position:relative;flex:1;min-width:0;max-width:485px} .header-search .global-search{width:100%;max-width:none;margin-top:0} body[data-page="home"] .header,body[data-page="section"] .header{height:100px} .header-search .q-search-options{position:absolute;top:46px;left:0;right:0;margin:0;z-index:35;text-align:right} .header-search .q-search-options summary{display:inline-flex;align-items:center;gap:6px;font-size:14px;min-height:24px} .header-search .q-search-options summary .icon{width:16px;height:16px} .header-search .q-search-options[open] summary .icon{transform:rotate(180deg)} .header-search .q-search-options>div{position:absolute;left:0;right:0;top:100%;margin-top:6px;border:1px solid #dce3ee;box-shadow:0 8px 24px #172a4420;max-height:calc(100dvh - 160px);overflow:auto;text-align:left} .header-search .q-search-options select{font-size:16px} .q-rail{top:116px} .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} @media(max-width:1120px){ .header-actions{display:flex;width:auto;flex:0 0 auto;gap:12px} .header-actions .ask-button,.header-actions .login-button{width:auto} } @media(max-width:720px){ :root{--radius-card:20px;--radius-inset:14px} .layout{padding-left:12px;padding-right:12px} .page-heading,.breadcrumb{margin-left:6px;margin-right:6px} .q-search-options{margin-left:6px;margin-right:6px} .q-top-ad{margin-left:0;margin-right:0} .feed-controls{padding-left:4px;padding-right:4px} .question-card{padding:20px 18px;margin-bottom:14px;border:0} .q-question-frame{padding:14px 13px} .q-question-frame h2{font-size:21px;line-height:1.45} .q-card-answer p{font-size:17px;line-height:1.75} .q-post-header strong{font-size:16px} .q-post-header small{font-size:13px} .section-hero,.section-staff-note,.topic-card,.document-card,.answer-card, .reply-form,.q-archive-calendar,.q-archive-empty,.q-auth-page{border-radius:var(--radius-card)} .rightbar{margin-left:0;margin-right:0} .community-card,.aside-card{border-radius:var(--radius-card)} .q-period-toolbar{padding-left:6px;padding-right:6px} .answers-heading{padding-left:6px;padding-right:6px} .q-footer{margin-left:18px;margin-right:18px} .global-search{border-radius:var(--radius-control)} dialog{border-radius:var(--radius-card)} .header-actions{gap:7px;margin-left:0} body[data-page="home"] .header,body[data-page="section"] .header{height:auto} .header-search{order:5;flex-basis:100%;max-width:none;margin-top:3px} .header-search:has(.q-search-options){padding-bottom:30px} .header-search .q-search-options{top:47px} } @media(max-width:360px){.header-actions .auth-entry{display:none}} /* Wide desktop: the same menu becomes a persistent column, not a dialog. */ @media(min-width:1440px){ .layout{max-width:1244px;grid-template-columns:260px minmax(0,1fr) 320px} .header-inner,.portal-topline>div,.q-footer{max-width:1244px} .header-inner{gap:32px} .header-inner .brand{width:260px;flex:0 0 260px} .global-search{max-width:none} .header-search{max-width:none} .q-rail,.menu-button,#drawer-close,.drawer-backdrop.open{display:none} .sidebar,.sidebar.open{ display:block;position:sticky;top:116px;bottom:auto;left:auto; width:auto;max-width:none;height:auto;max-height:calc(100dvh - 164px); padding:20px 14px;grid-column:1;grid-row:1;align-self:start; border-radius:24px;box-shadow:var(--card-shadow);z-index:auto; overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin; } .sidebar .drawer-heading{display:none} .sidebar .drawer-heading strong{font-size:18px} .sidebar .nav-item{font-size:16px;min-height:46px} .sidebar .q-archive{margin:0 0 18px} body[data-page="login"] .layout,body[data-page="register"] .layout, body[data-page="restore"] .layout{max-width:1244px;grid-template-columns:260px minmax(0,1fr) 320px} } @media(prefers-reduced-motion:reduce){ .more-sections summary .icon,.q-year-toggle .icon{transition:none} } .functional-form{max-width:100%} .functional-form fieldset{border:0;padding:0;margin:0;display:grid;gap:16px;min-width:0} .functional-form fieldset[hidden]{display:none} /* Ad positions remain in markup for later experiments; no visible ad slots now. */ .q-ad,.functional-ad-map{display:none!important} .legend-today,.legend-week{display:inline-block;border-radius:7px;padding:2px 7px} .functional-form label,.functional-form p,.functional-state p{font-size:17px;line-height:1.7} .functional-form input,.functional-form select,.functional-form textarea{width:100%;min-width:0;max-width:100%;font-size:17px} .functional-form input:disabled{background:#f3f5f8;color:#647085} .functional-form .functional-check{display:flex;align-items:flex-start;gap:10px;font-weight:400;min-height:44px;cursor:pointer} .functional-form .functional-check input[type=checkbox]{width:20px;height:20px;min-height:20px;max-height:20px;padding:0;margin:5px 0 0;appearance:auto;accent-color:var(--accent);border-radius:4px;flex:0 0 20px;cursor:pointer} .functional-actions,.functional-tabs,.functional-row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .functional-actions{margin:20px 0 0} .functional-tabs{margin-bottom:18px} .functional-tabs a{display:inline-flex;align-items:center;padding:10px 13px;border:1px solid #d8e0ee;border-radius:12px;color:#315eaa;background:#fff;min-height:44px;font-size:15px} .functional-tabs a.active{background:#eaf1ff;border-color:#adc5f2} .functional-row-actions{margin:10px 0 18px;font-size:15px;color:#2a6eea} .functional-row-actions a,.functional-row-actions button{display:inline-flex;align-items:center;min-height:44px;padding:5px 9px;background:none;border:0;color:inherit;text-decoration:underline;text-underline-offset:3px;border-radius:8px} .answer-card{scroll-margin-top:125px} .functional-city{font-size:14px;color:#5c6573} .functional-facts{margin:18px 0;font-size:17px;line-height:1.7} .functional-facts>div{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid #e5e9f0} .functional-facts dt{color:#596272} .functional-facts dd{margin:0;overflow-wrap:anywhere} .functional-facts a{color:#2a6eea;text-decoration:underline} .functional-error{padding:15px 18px;margin:12px 0 18px;border:1px solid #e9b8be;background:#fff2f3;color:#8d2937;border-radius:14px;font-size:17px;line-height:1.6} .functional-state{padding:28px} .functional-state h2{font-size:24px} .functional-preview-options{display:grid;gap:12px;margin-top:20px;border-top:1px solid #e1e6ef;padding-top:18px} .functional-preview-options a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:#355f9e} .functional-result-count{margin:18px 0;color:#596272;font-size:16px} .functional-person{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #e6eaf1;min-width:0} .functional-person>span:nth-child(2){flex:1;min-width:0} .functional-person strong{font-size:18px;display:block} .functional-person small{font-size:15px;color:#626d7d;display:block;margin-top:5px} .functional-person svg{width:20px;height:20px;color:#637896} .functional-list-link{display:block;padding:13px 0;border-bottom:1px solid #e5e9f0;color:#345c9c;font-size:17px;line-height:1.6;overflow-wrap:anywhere} .functional-list-link:hover{color:#164da8;text-decoration:underline} .screen-group{margin-bottom:18px} .screen-group h2{font-size:23px;margin-bottom:16px} .screen-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px} .screen-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;line-height:1.6;min-height:44px;color:#345f9f;border-bottom:1px solid #e9edf4;padding:8px 0} .screen-links svg{width:18px;height:18px} .functional-ad-map{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0} .functional-ad-map>div{border:1px dashed #bcc9de;border-radius:16px;min-height:90px;display:grid;place-items:center;text-align:center;padding:14px;color:#566581;font-size:17px} .functional-ad-map>div:first-child{grid-column:1/-1} body[data-page="screens"] .rightbar{display:none} /* Align compact menu cards with the logo and the wide menu column. */ .q-rail{justify-items:start} /* Shared header/content grid: align the search and the outer central card. */ .header-inner{display:grid;grid-template-columns:72px minmax(0,1fr) 320px;gap:32px;max-width:1056px} .header-inner .brand{width:72px;min-width:0;margin-right:0;flex:none} .header-search{width:100%;max-width:none} .header-inner .header-actions{margin-left:0;width:320px} .layout,body[data-page="login"] .layout,body[data-page="register"] .layout,body[data-page="restore"] .layout{max-width:1056px;grid-template-columns:72px minmax(0,1fr) 320px;gap:32px} .portal-topline>div,.q-footer{max-width:1056px} .q-auth-page{width:100%;max-width:none;margin:10px 0} @media(min-width:1440px){ .header-inner{max-width:1244px;grid-template-columns:260px minmax(0,1fr) 320px} .header-inner .brand{width:260px} .layout,body[data-page="login"] .layout,body[data-page="register"] .layout,body[data-page="restore"] .layout{max-width:1244px;grid-template-columns:260px minmax(0,1fr) 320px} .portal-topline>div,.q-footer{max-width:1244px} } @media(max-width:1120px){ .header-inner{max-width:800px;grid-template-columns:72px minmax(0,1fr) auto;gap:25px} .header-inner .header-actions{width:auto} .layout,body[data-page="login"] .layout,body[data-page="register"] .layout,body[data-page="restore"] .layout{max-width:800px;grid-template-columns:72px minmax(0,1fr);gap:25px} .portal-topline>div,.q-footer{max-width:800px} } @media(max-width:720px){ .header-inner{display:flex;gap:7px;padding-left:12px;padding-right:12px;max-width:none} .header-inner .brand{width:auto;margin-right:auto;flex:initial} .header-inner .header-actions{width:auto} .header-search{width:100%} .layout,body[data-page="login"] .layout,body[data-page="register"] .layout,body[data-page="restore"] .layout{max-width:none;display:block;padding-left:12px;padding-right:12px} .q-auth-page{margin:0} .functional-facts>div{grid-template-columns:1fr;gap:4px} .screen-links{grid-template-columns:1fr} .functional-state{padding:22px 18px} .functional-tabs{gap:8px} .functional-tabs a{font-size:15px;padding:9px 11px} .functional-actions>.button{max-width:100%;white-space:normal;text-align:center} .functional-person strong{font-size:17px} .functional-ad-map{grid-template-columns:1fr} .functional-ad-map>div:first-child{grid-column:auto} .q-auth-page{overflow-wrap:anywhere} .q-auth-page .functional-form .button{white-space:normal} } /* Complete directory uses the original section hierarchy and URLs. */ .sidebar .nav-title a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;letter-spacing:0;text-transform:none;color:var(--accent)} .sidebar .nav-title a:hover{text-decoration:underline} .section-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px} .section-directory-group{padding:14px 0;border-top:1px solid #e5e9f0;min-width:0} .section-directory-group h2{font-size:18px;line-height:1.5;margin:0} .section-directory-group a{display:flex;align-items:center;gap:10px;min-height:44px;color:#345f9f;overflow-wrap:anywhere} .section-directory-group a:hover{color:var(--accent);text-decoration:underline} .section-directory-group .icon{width:22px;height:22px;color:#637896} .section-directory-group ul{list-style:none;padding:0 0 0 32px;margin:4px 0 0} .section-directory-group li{font-size:17px;line-height:1.5} .section-directory .section-directory-count{font-size:16px;color:#596272;margin:18px 0} @media(max-width:600px){.section-directory-grid{grid-template-columns:1fr}} /* Switch directly to the compact header before the actions would wrap. */ @media(max-width:383px){.header-actions .auth-entry{display:none}} /* Search settings button belongs to the field; the panel starts at its bottom. */ .header-search,.header-search:has(.q-search-options){padding-bottom:0} .header-search .global-search{height:44px;padding-right:52px} .header-search .q-search-options{top:0;bottom:0;left:0;right:0;margin:0;text-align:left;pointer-events:none} .header-search .q-search-options summary{position:absolute;top:0;right:0;width:44px;height:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center;list-style:none;text-decoration:none;border-radius:12px;pointer-events:auto;color:#596272} .header-search .q-search-options summary::-webkit-details-marker{display:none} .header-search .q-search-options summary .icon{width:23px;height:23px;transform:none} .header-search .q-search-options[open] summary .icon{transform:none} .header-search .q-search-options summary:hover,.header-search .q-search-options summary.has-filter{color:var(--accent);background:#eaf1ff} .header-search .q-search-options[open] summary{color:var(--accent)} .header-search:has(.q-search-options[open]) .global-search{background:#fff;border-color:#dce3ee;border-radius:12px 12px 0 0} .header-search .q-search-options>div{top:100%;left:0;right:0;margin:0;border-radius:0 0 12px 12px;padding:18px;gap:10px 16px;pointer-events:auto;max-height:calc(100dvh - 180px);overscroll-behavior:contain} .header-search .q-search-options h3{width:100%;font-size:18px;margin:0 0 4px;color:#24262e} .header-search .q-search-options label{font-size:17px;color:#414c5e} .header-search .q-search-options .search-scope-label{flex-basis:100%;min-width:0} .header-search .q-search-options select{font-size:17px;min-height:44px} .header-search .q-search-options input[type=checkbox]{width:20px;height:20px;min-height:20px;padding:0;flex:0 0 20px} .header-search .q-search-options .check{min-height:44px} /* Live CodeIgniter markup: preserve forms/content while fitting the approved shell. */ .redesign-live #main{min-width:0;overflow-wrap:anywhere} .redesign-live .legacy-content{background:#fff;border-radius:24px;padding:28px;font-size:18px;line-height:1.75;min-width:0} .redesign-live[data-page=home] .legacy-content,.redesign-live[data-page=section] .legacy-content{background:none;padding:0} .redesign-live .legacy-content>h1{font-size:30px;line-height:1.3;margin:0 0 20px} .redesign-live .legacy-content a{color:#245fae;text-underline-offset:3px} .redesign-live .legacy-content a:hover{text-decoration:underline} .redesign-live .legacy-content p,.redesign-live .legacy-content li,.redesign-live .CommentForm p{font-size:18px;line-height:1.75} .redesign-live .legacy-content .Article,.redesign-live .CommentForm,.redesign-live .legacy-content fieldset{background:#fff;border:1px solid #e2e6ee!important;border-radius:24px;padding:24px;margin:0 0 20px} .redesign-live .legacy-content dl,.redesign-live .legacy-content dd{margin:0;float:none} .redesign-live .legacy-content .commentlist>dl{border:1px solid #e2e6ee;background:#fff;border-radius:20px;padding:24px;margin:18px 0;scroll-margin-top:125px} .redesign-live .legacy-content .Date{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:16px;margin-bottom:18px} .redesign-live .legacy-content .Date>span{float:none!important;margin-left:auto} .redesign-live .legacy-content .Title>span{font-size:15px;color:#596272} .redesign-live .legacy-content #hypercontext{font-size:18px;line-height:1.8;overflow-wrap:anywhere} .redesign-live .legacy-content input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),.redesign-live .legacy-content textarea,.redesign-live .legacy-content select,.redesign-live .CommentForm input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),.redesign-live .CommentForm textarea,.redesign-live .CommentForm select{width:100%!important;max-width:100%!important;min-width:0;min-height:48px;padding:12px;border:1px solid #ccd5e5;background:#f5f6f9;border-radius:12px;font-size:18px} .redesign-live input[type=checkbox],.redesign-live input[type=radio]{appearance:auto;width:20px!important;height:20px;min-height:20px;max-height:20px;padding:0;accent-color:var(--accent);vertical-align:middle} .redesign-live input[type=submit],.redesign-live input[type=button],.redesign-live .button10{min-height:44px;padding:10px 20px;border:0;border-radius:12px;background:#2a6eea!important;color:#fff!important;font-size:17px;cursor:pointer;box-shadow:none!important} .redesign-live .legacy-content form,.redesign-live .CommentForm{max-width:100%;min-width:0} .redesign-live .legacy-content table,.redesign-live .CommentForm table{display:block;max-width:100%;overflow-x:auto;width:100%;border-collapse:collapse} .redesign-live .legacy-content td,.redesign-live .CommentForm td{padding:8px;max-width:100%;overflow-wrap:anywhere} .redesign-live img{max-width:100%;height:auto} .redesign-live .legacy-content pre{white-space:pre-wrap;overflow-wrap:anywhere} .redesign-live .field-error{display:block;padding:8px 12px;margin:8px 0;border-radius:10px;background:#fff0f0;color:#a12234;font-size:17px} .redesign-live .nav-child{margin-left:12px;font-size:15px} .redesign-live .nav-item.activity-green{background:#edf8e9} .redesign-live .nav-item.activity-yellow{background:#fff9da} .redesign-live .sidebar .nav-item .icon{width:20px;height:20px} .redesign-live .ranking-list>li{display:flex;gap:8px;align-items:baseline;justify-content:space-between;font-size:16px} .redesign-live .ranking-list a{min-width:0;overflow-wrap:anywhere} .redesign-live .pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:12px 0;line-height:1.5} .redesign-live .pagination>div{display:flex;flex-wrap:wrap;gap:8px} .redesign-live .pagination a,.redesign-live .pagination strong{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border-radius:10px;background:#fff} .redesign-live .article-links li{line-height:1.55;margin-bottom:12px} .redesign-live .breadcrumb{flex-wrap:wrap;gap:6px 12px;font-size:14px} .redesign-live .breadcrumb a:not(:last-child):after{content:'›';margin-left:12px;color:#637083} .redesign-live .legacy-content a[name],.redesign-live .CommentForm{scroll-margin-top:140px} @media(max-width:720px){.redesign-live .legacy-content{padding:22px 18px;border-radius:20px}.redesign-live .legacy-content .Article,.redesign-live .legacy-content .commentlist>dl,.redesign-live .CommentForm,.redesign-live .legacy-content fieldset{padding:20px 16px;border-radius:20px}.redesign-live .legacy-content>h1{font-size:26px}.redesign-live .legacy-content table{font-size:16px}.redesign-live .legacy-content .Date>span{margin-left:0}.redesign-live .legacy-content td,.redesign-live .CommentForm td{padding:6px}.redesign-live .legacy-content .CommentList>i{font-size:16px;line-height:1.6}} .redesign-live[data-page=topic] .legacy-content{padding:0;background:none} .redesign-live .live-archive-options summary{min-height:44px;cursor:pointer;color:#245fae} .redesign-live .live-archive-options label{display:grid;gap:6px;margin:10px 0;font-size:17px} .redesign-live .live-archive-options select{width:100%;min-height:44px;border:1px solid #ccd5e5;border-radius:10px;background:white;padding:8px} .redesign-live .specialist-answer{border-left:4px solid #2a6eea!important} /* Actual archives and legacy forms: readable cards without horizontal tables. */ .redesign-live .live-archive-calendar{border:0;padding:0;box-shadow:none} .redesign-live .q-archive-year{border:1px solid #e2e6ee;border-radius:16px;margin:12px 0;overflow:hidden} .redesign-live .q-archive-year>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;min-height:58px;cursor:pointer;font-size:22px;font-weight:700;list-style:none;background:#f5f7fb} .redesign-live .q-archive-year>summary::-webkit-details-marker{display:none} .redesign-live .q-archive-year>summary>span{display:flex;gap:8px;align-items:center;font-size:16px;font-weight:400;color:#596272} .redesign-live .q-archive-year[open]>summary .icon{transform:rotate(180deg)} .redesign-live .q-archive-year-body{padding:16px 18px} .redesign-live .q-year-all{display:inline-flex;align-items:center;min-height:44px;font-size:17px} .redesign-live .q-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px} .redesign-live .q-month-grid>a,.redesign-live .q-month-grid>span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px;border-radius:10px;font-size:17px;border:1px solid #dce4f1;background:#fff} .redesign-live .q-month-grid>a:hover{background:#edf3ff} .redesign-live .q-month-grid .q-month-disabled{color:#7a8594;background:#f5f6f8;border-color:transparent} .redesign-live .CommentForm h3{font-size:23px} .redesign-live .CommentForm .message-options{display:block;overflow:visible} .redesign-live .CommentForm .message-options tbody,.redesign-live .CommentForm .message-options tr,.redesign-live .CommentForm .message-options td{display:block;width:100%;padding:0} .redesign-live .CommentForm .message-options td:empty{display:none} .redesign-live .CommentForm .message-options td{margin:16px 0} .redesign-live .CommentForm .message-options b{font-weight:500} .redesign-live .CommentForm .message-options img{max-width:160px} @media(max-width:720px){.redesign-live .q-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.redesign-live .q-archive-year-body{padding:12px}.redesign-live .q-archive-year>summary{padding:14px}} /* A fixed first row prevents an intermediate mobile button row after brand rollout. */ @media(max-width:720px){.redesign-live .header-inner{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:7px}.redesign-live .header-inner .brand{margin:0;width:auto}.redesign-live .header-inner .brand-logo{width:88px}.redesign-live .header-actions{gap:7px}.redesign-live .header-search{grid-column:1/-1;order:initial;margin-top:3px}.redesign-live .header-actions .ask-button{font-size:14px;padding:0 10px;gap:5px}.redesign-live .header-actions .login-button{font-size:14px;padding:0 11px}.redesign-live .ask-button .plus{display:none}} @media(max-width:720px){.redesign-live .header-inner{grid-template-columns:44px minmax(0,1fr) auto}.redesign-live .header-inner>.menu-button{grid-column:1;grid-row:1}.redesign-live .header-inner>.brand{grid-column:2;grid-row:1}.redesign-live .header-inner>.header-actions{grid-column:3;grid-row:1}.redesign-live .header-inner>.header-search{grid-column:1/-1;grid-row:2}} .redesign-live .article-links small{display:block;font-size:16px;line-height:1.55;color:#596272;margin-top:5px} .redesign-live .section-staff-note{background:#edf3fc;border:1px solid #dce5f5;border-radius:20px;margin:18px 0;padding:18px} .redesign-live .section-staff-note fieldset{background:transparent!important;border:0!important;margin:0!important;padding:0!important} .redesign-live .section-staff-note fieldset>div{font-size:18px!important;line-height:1.7!important;margin:8px 0;padding:0!important;color:#34435b!important} .redesign-live .q-question-meta,.redesign-live .q-question-meta a{font-size:15px;line-height:1.6} @media(max-width:720px){.redesign-live .legacy-content table:not(.message-options) tr,.redesign-live .legacy-content table:not(.message-options) td{display:block;width:100%;white-space:normal}.redesign-live .legacy-content table:not(.message-options) td{padding:8px 0}} .redesign-live .moderation-check{display:flex;align-items:center;gap:10px;min-height:44px;color:#596272;font-size:16px;cursor:pointer;margin-bottom:12px} .redesign-live .moderation-check input{flex:0 0 20px} /* Keep the original rich editor usable after its toolbar wraps on phones. */ .redesign-live .CommentForm iframe[src*="/fckeditor/editor/"]{max-width:100%;width:100%;min-height:420px} @media(max-width:720px){.redesign-live .CommentForm iframe[src*="/fckeditor/editor/"]{height:620px;min-height:620px}} .redesign-live .mobile-material-text[hidden],.redesign-live .mobile-editor-note[hidden],.redesign-live .CommentForm iframe[hidden]{display:none!important} .redesign-live .mobile-material-text{min-height:360px;line-height:1.75} .redesign-live .mobile-editor-note{color:#596272;font-size:16px!important;margin:10px 0} /* Material editor: comfortable desktop controls, plain text on mobile. */ .material-editor{margin:16px 0 20px;min-width:0} .material-label{display:block;margin-bottom:10px;font-weight:600;font-size:18px} .material-toolbar{display:flex;gap:4px;padding:8px;border:1px solid #c5cbd4;border-bottom:0;border-radius:12px 12px 0 0;background:#f7f8fa;flex-wrap:wrap} .material-toolbar button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;color:#27354a} .material-toolbar button:hover{background:#e4e9f2}.material-toolbar button svg{width:22px;height:22px} .material-rich{min-height:360px;padding:18px;border:1px solid #c5cbd4;border-radius:0 0 12px 12px;line-height:1.75;font-size:18px;overflow-wrap:anywhere;background:#fff;outline-offset:2px} .material-rich:focus-visible{outline:3px solid #9cc2ff}.material-rich p,.material-rich ul,.material-rich ol{margin:0 0 16px}.material-rich a{color:#0862f5;text-decoration:underline}.material-rich img{max-width:100%;height:auto}.material-rich table{max-width:100%} .material-link-panel{display:flex;align-items:end;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid #c5cbd4;background:#f7f8fa}.material-link-panel label{flex:1;min-width:180px}.material-link-error{color:#a32121;width:100%;margin:0} .mobile-editor-note{font-size:16px;color:#536176;margin:0 0 10px}.mobile-material-text{min-height:360px;line-height:1.75;font-size:18px} .material-editor [hidden]{display:none!important} @media(max-width:720px){.material-toolbar button:not([data-command="bold"]):not([data-command="italic"]):not([data-command="link"]){display:none}.material-toolbar{padding:6px;gap:6px}.material-rich{min-height:300px;padding:14px}.material-link-panel label{min-width:100%;}.material-link-panel .button{min-height:44px}} .material-rich p{margin:0;line-height:inherit} .redesign-live .CommentForm .material-editor .material-rich p{margin:0;line-height:inherit} .section-directory-grid a.activity-green{background:#edf8e9;border-radius:9px;padding:5px 8px}.section-directory-grid a.activity-yellow{background:#fff9da;border-radius:9px;padding:5px 8px}