:root{--teal:#0f766e;--coral:#ea580c;--ink:#172a32;--muted:#60737b;--line:#dce6e8;--paper:#fff;--bg:#f8fafc;--mint:#f0fdfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffffff2;align-items:center;gap:25px;height:72px;padding:0 max(24px,50vw - 700px);display:flex;position:sticky;top:0}.brand{white-space:nowrap;font-size:17px;font-weight:700}.brand span{background:var(--teal);color:#fff;border-radius:9px;place-items:center;width:31px;height:31px;margin-right:7px;font-size:12px;display:inline-grid}.header nav{color:#466068;gap:18px;font-weight:600;display:flex}.header nav a:hover{color:var(--teal)}.search{border:1px solid var(--line);color:#789099;background:#fff;border-radius:9px;order:0;width:260px;margin-left:auto;padding:10px 14px}.avatar{color:#075e58;background:#d8eeec;border:0;border-radius:50%;width:34px;height:34px;font-size:12px;font-weight:700}.ask-button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 15px;font-weight:700;display:inline-block}.shell{grid-template-columns:210px minmax(480px,700px) 260px;gap:30px;max-width:1400px;margin:auto;padding:35px 24px 56px;display:grid}.left-sidebar{padding-top:15px}.left-sidebar>a{color:#405860;border-radius:8px;align-items:center;gap:10px;padding:10px 8px;font-weight:600;display:flex}.left-sidebar>a:hover{color:var(--teal);background:#e7f5f3}.left-sidebar i{font-size:17px;font-style:normal}.eyebrow{letter-spacing:.09em;color:#6d8188;margin:0 0 12px;font-size:11px;font-weight:700}.left-sidebar hr,.toc hr{border:0;border-top:1px solid var(--line);margin:19px 0}.tag-cloud{flex-wrap:wrap;gap:7px;display:flex}.tag-cloud span,.tag{color:#47717a;background:#edf4f5;border-radius:99px;padding:5px 8px;font-size:11px}.hero{padding:17px 0 29px}.hero h1,.simple-page h1{letter-spacing:-1.5px;margin:0 0 15px;font-family:Fraunces,Georgia,serif;font-size:47px;line-height:1.05}.hero h1 em{color:var(--teal);font-style:italic}.hero>p:not(.eyebrow),.simple-page>p{max-width:570px;color:var(--muted);margin:0 0 21px;font-size:17px;line-height:1.6}.text-link{color:var(--teal);margin-left:20px;font-weight:700}.tabs{border-bottom:1px solid var(--line);gap:19px;margin-bottom:17px;display:flex}.tabs button{color:#677b82;cursor:pointer;background:0 0;border:0;padding:11px 0;font-weight:700}.tabs .active{color:var(--teal);border-bottom:2px solid var(--teal)}.post-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;grid-template-columns:47px 1fr;gap:12px;margin:12px 0;padding:17px;transition:all .2s;display:grid;box-shadow:0 5px 20px #173b4510}.post-card:hover{border-color:#aad4d0;transform:translateY(-2px)}.vote{color:#36545c;flex-direction:column;align-items:center;gap:5px;display:flex}.vote button{color:#91a5aa;cursor:pointer;background:0 0;border:0;font-size:13px}.vote button:first-child:hover{color:var(--coral)}.vote strong{font-size:13px}.badges{align-items:center;gap:6px;margin-bottom:8px;display:flex}.badge,.verified,.scam{color:#42636a;background:#edf3f4;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:700}.verified{color:#087469;background:#e2f7f3}.scam{color:#b9470b;background:#fff1e8}.post-content h2{margin:0 0 6px;font-size:18px;line-height:1.3}.post-content h2:hover{color:var(--teal)}.post-content p{color:#557078;margin:0 0 11px;line-height:1.5}.meta{color:#7a8e94;flex-wrap:wrap;gap:9px;font-size:12px;display:flex}.right-sidebar{padding-top:20px}.right-sidebar>div{border-radius:12px;margin-bottom:16px;padding:19px}.welcome{background:#eaf8f6;border:1px solid #c9e9e5}.welcome>span{font-size:25px}.right-sidebar h3{margin:7px 0;font-size:16px}.right-sidebar p{color:#5c747b;font-size:13px;line-height:1.5}.progress{background:#c9e6e1;border-radius:9px;height:6px}.progress i{background:var(--teal);border-radius:9px;width:4%;height:100%;display:block}.welcome small{color:#5a7479;margin:7px 0 10px;display:block}.right-sidebar a{color:var(--teal);font-size:13px;font-weight:700}.tool{border:1px solid var(--line);background:#fff}.affiliate{color:#fff;background:#243f43}.affiliate span{letter-spacing:.1em;color:#b6d4d0;font-size:10px}.affiliate strong{margin-top:9px;font-family:Fraunces,serif;font-size:19px;display:block}.affiliate p{color:#ccdddc}.affiliate a{color:#a7eee5}footer{border-top:1px solid var(--line);text-align:center;color:#71858b;padding:26px;font-size:12px}footer a{color:var(--teal);margin-left:8px}.article-layout{grid-template-columns:minmax(0,710px) 210px;gap:62px;max-width:1020px;margin:0 auto;padding:45px 24px 70px;display:grid}.breadcrumbs{color:#70858b;margin-bottom:24px;font-size:13px}.breadcrumbs a{color:var(--teal)}.article-heading{grid-template-columns:47px 1fr;gap:14px;display:grid}.article-heading h1{letter-spacing:-1px;margin:0 0 12px;font-family:Fraunces,serif;font-size:39px;line-height:1.12}.tldr{background:var(--mint);border-left:4px solid var(--teal);color:#275960;border-radius:0 10px 10px 0;margin:32px 0;padding:19px 20px}.tldr strong{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.tldr p{margin:9px 0 0;line-height:1.55}.warning{border-left:4px solid var(--coral);color:#8c4417;background:#fff7ed;padding:16px 19px}.article-body{font-size:16px;line-height:1.75}.article-body h2{margin:38px 0 8px;font-family:Fraunces,serif;font-size:26px}.article-body ol{padding-left:23px}.phrase{color:#075e58;background:#f8fffe;border:1px solid #b9ddda;border-radius:10px;padding:18px;font-size:22px;font-weight:700}.phrase small,.phrase b{color:#557178;margin-top:4px;font-size:13px;font-weight:500;display:block}.phrase button{float:right;border:1px solid var(--line);color:var(--teal);background:#fff;border-radius:6px;margin-top:-35px;padding:6px 9px;font-size:11px}.validity{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:39px;padding:17px;display:flex}.validity strong{font-size:14px}.validity span{color:var(--muted);margin-right:auto;font-size:12px}.validity button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;padding:7px 9px;font-size:12px}.comments{border-top:1px solid var(--line);margin-top:40px}.comments h2{font-family:Fraunces,serif}.comments h2 small{color:var(--muted);font-family:DM Sans;font-size:14px}.comments div{border:1px solid var(--line);background:#fff;border-radius:8px;padding:15px;font-size:13px}.comments p{color:var(--muted);margin-bottom:0}.toc{border-left:1px solid var(--line);height:max-content;padding-left:18px;position:sticky;top:100px}.toc a{color:#668087;padding:6px 0;font-size:13px;display:block}.toc a:first-of-type{color:var(--teal);font-weight:700}.toc p:last-child{color:#87989d;font-size:12px}.simple-page{max-width:760px;margin:auto;padding:65px 24px 85px}.simple-page form{border:1px solid var(--line);background:#fff;border-radius:12px;margin:33px 0;padding:22px}.simple-page label{margin-bottom:17px;font-weight:700;display:block}.simple-page input,.simple-page textarea{border:1px solid var(--line);resize:vertical;border-radius:8px;width:100%;margin-top:7px;padding:11px;display:block}.simple-page h2{margin-top:42px;font-family:Fraunces,serif}.question{border:1px solid var(--line);background:#fff;border-radius:8px;margin:9px 0;padding:15px;font-weight:600}.question span{float:right;color:var(--teal);font-size:12px}.phrase-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;display:grid}.big-phrase{color:#075e58;text-align:left;cursor:pointer;background:#e8f7f5;border:1px solid #c3e6e1;border-radius:14px;min-height:180px;padding:21px}.big-phrase strong{font-size:27px;display:block}.big-phrase span{color:#356a70;margin-top:8px;font-size:15px;display:block}.big-phrase small{color:#648b8c;margin-top:31px;display:block}.phrase-modal{z-index:30;color:#fff;text-align:center;background:#073c3a;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex;position:fixed;inset:0}.phrase-modal strong{font-size:clamp(42px,9vw,105px);line-height:1.2}.phrase-modal span{color:#c8f2ed;margin-top:23px;font-size:clamp(20px,3vw,35px)}.phrase-modal p{color:#96cfc8;font-size:13px;position:absolute;bottom:22px}.close-phrase{color:#fff;cursor:pointer;background:0 0;border:0;font-size:39px;position:absolute;top:14px;right:18px}@media (max-width:1000px){.shell{grid-template-columns:180px minmax(0,1fr)}.right-sidebar,.header nav{display:none}.article-layout{gap:30px}}@media (max-width:680px){.header{gap:9px;height:62px;padding:0 14px}.brand{font-size:0}.brand span{margin:0;font-size:12px}.search,.avatar{display:none}.ask-button{margin-left:auto;padding:9px 10px;font-size:12px}.shell{padding:20px 16px 45px;display:block}.left-sidebar{display:none}.hero{padding-top:8px}.hero h1,.simple-page h1{font-size:38px}.tabs{white-space:nowrap;gap:14px;overflow:auto}.post-card{grid-template-columns:33px 1fr;padding:14px}.meta span:nth-child(3){display:none}.article-layout{padding:27px 16px 50px;display:block}.article-heading h1{font-size:31px}.toc{display:none}.validity span{width:100%}.phrase-grid{grid-template-columns:1fr}.simple-page{padding:42px 16px 65px}.big-phrase{min-height:150px}}
.search-wrap{margin-left:auto;position:relative}.search{align-items:center;margin:0;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:10px 7px}.search-results{border:1px solid var(--line);z-index:20;background:#fff;border-radius:9px;width:340px;position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 14px 35px #173b4530}.search-results a{border-bottom:1px solid #edf2f3;padding:11px 14px;font-size:13px;font-weight:600;display:block}.search-results a:last-child{border:0}.search-results a:hover{color:var(--teal);background:#f0fdfa}.search-results small{color:var(--teal);margin-bottom:3px;font-weight:700;display:block}.vote button.chosen{color:var(--coral)}@media (max-width:680px){.search-wrap{display:none}}
.legal-page{max-width:760px;margin:0 auto;padding:70px 24px}.legal-page h1{margin:0 0 8px;font-family:Fraunces,Georgia,serif;font-size:44px}.legal-page>p{color:var(--muted);line-height:1.65}.legal-page h2{margin:38px 0 6px;font-family:Fraunces,Georgia,serif;font-size:25px}
.comment-count{color:var(--teal);border-top:1px solid #e8eff0;border-bottom:1px solid #e8eff0;justify-content:space-between;align-items:center;margin:12px 0;padding:9px 0;font-size:13px;font-weight:700;display:flex}.comment-count span{color:#698287;font-size:12px}.hub-page{max-width:820px;margin:0 auto;padding:58px 24px 75px}.hub-list h1{margin:0 0 10px;font-family:Fraunces,Georgia,serif;font-size:45px}.hub-intro{color:var(--muted);max-width:650px;font-size:17px;line-height:1.6}.hub-guideline{background:#f0fdfa;border:1px solid #ccece7;border-radius:10px;margin:28px 0 20px;padding:16px 18px}.hub-guideline strong,.hub-guideline span{display:block}.hub-guideline span{color:#52747a;margin-top:4px;font-size:13px}.simple-page select{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;margin-top:7px;padding:11px;display:block}.form-note{margin-top:-15px;color:#71868b!important;font-size:12px!important}
.auth-page,.profile-page{max-width:760px;margin:0 auto;padding:70px 24px}.auth-page h1,.profile-page h1{margin:0 0 10px;font-family:Fraunces,Georgia,serif;font-size:44px}.auth-page>p{color:var(--muted);max-width:540px;font-size:17px;line-height:1.6}.google-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;width:310px;margin:28px 0 15px;padding:12px;font-weight:700;box-shadow:0 2px 7px #173b4515}.google-button span{color:#4285f4;place-items:center;margin-right:10px;font-size:18px;display:inline-grid}.auth-page small{color:#7c9196;display:block}.profile-hero{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding-bottom:28px;display:flex}.profile-avatar{width:72px;height:72px;color:var(--teal);background:#d8eeec;border-radius:50%;place-items:center;font-size:29px;font-weight:700;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-hero h1{font-size:35px}.profile-hero p:last-child{color:var(--muted);margin:0}.profile-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0;display:grid}.profile-stats div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{font-family:Fraunces,Georgia,serif;font-size:24px}.profile-stats span{color:var(--muted);margin-top:3px;font-size:12px}.profile-section{border:1px solid var(--line);background:#fff;border-radius:12px;padding:21px}.profile-section h2{margin:0;font-family:Fraunces,Georgia,serif}.profile-section p{color:var(--muted);line-height:1.6}.sign-in-options{max-width:360px}.auth-divider{color:#87969a;align-items:center;gap:10px;margin:3px 0 14px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.email-login label{font-size:13px;font-weight:700;display:block}.email-login input{border:1px solid var(--line);border-radius:8px;width:100%;margin:7px 0 11px;padding:11px;display:block}.email-login .ask-button{width:100%}.auth-message{margin-top:12px;color:var(--teal)!important;font-size:13px!important}.profile-edit{margin-bottom:18px}.profile-edit label{color:#36545c;margin-top:16px;font-weight:700;display:block}.profile-edit input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;margin-top:6px;padding:10px;display:block}.profile-fields{grid-template-columns:1fr 1fr;gap:13px;display:grid}.avatar-edit{align-items:center;gap:14px;margin:18px 0;display:flex}.avatar-upload{cursor:pointer;border:0;position:relative}.avatar-upload span{color:#fff;background:#123d42d9;padding:4px;font-size:10px;position:absolute;inset:auto 0 0}.avatar-edit small{color:var(--muted);max-width:430px;line-height:1.5}.city-picker{position:relative}.city-results{z-index:2;border:1px solid var(--line);background:#fff;border-radius:0 0 8px 8px;max-height:250px;position:absolute;top:calc(100% - 1px);left:0;right:0;overflow:auto;box-shadow:0 8px 20px #173b4522}.city-results button{text-align:left;cursor:pointer;background:#fff;border:0;width:100%;padding:9px 11px;display:block}.city-results button:hover{background:#edf9f7}.city-results span{color:var(--muted)}.city-results small{color:var(--muted);padding:10px;display:block}.city-tags{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.city-tags button{color:#075e58;cursor:pointer;background:#e7f5f3;border:0;border-radius:99px;padding:6px 9px;font-size:12px}.profile-actions{align-items:center;gap:12px;margin-top:22px;display:flex}.sign-out{border:1px solid var(--line);color:#486168;cursor:pointer;background:#fff;border-radius:8px;padding:9px 13px}.profile-message{color:#087469;font-weight:700;margin:12px 0 0!important}@media (max-width:680px){.profile-fields{grid-template-columns:1fr}.avatar-edit{align-items:flex-start}.avatar-edit small{font-size:12px}}