.suffix-page{min-height:100vh;color:var(--ash);background:#e3e7dc}.suffix-page button,.suffix-page select,.suffix-page input{font:inherit}.suffix-page :focus-visible{outline:3px solid var(--amber);outline-offset:2px}.suffix-header nav a{color:inherit;opacity:.72;border-bottom:3px solid #0000;padding:29px 0 25px;font-size:13px;text-decoration:none}.suffix-header nav a:hover,.suffix-header nav a.active{opacity:1;border-color:var(--amber)}.suffix-hero{background:var(--pine);color:var(--mist);padding:clamp(48px,7vw,110px) clamp(22px,9vw,144px) clamp(52px,7vw,96px);position:relative}.breadcrumb{font:500 12px var(--mono);letter-spacing:.06em;color:#dce7dfbf;margin:0 0 30px}.breadcrumb a{color:inherit;border-bottom:1px solid #d89a3b99;text-decoration:none}.breadcrumb a:hover{color:var(--amber)}.breadcrumb [aria-current]{color:var(--fern)}.suffix-hero h1{max-width:820px;font:600 clamp(56px,8vw,104px)/.85 var(--serif);letter-spacing:-.06em;margin:0}.suffix-hero h1 em{color:var(--fern)}.suffix-intro{color:#c6d8ce;max-width:600px;margin:30px 0 0;font-size:18px;line-height:1.65}.suffix-workbench{grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);align-items:start;gap:clamp(24px,4vw,56px);padding:clamp(44px,6vw,90px) clamp(22px,9vw,144px);display:grid}.suffix-controls{background:var(--pine);color:var(--mist);border:1px solid #dce7df40;gap:20px;padding:clamp(22px,3vw,34px);display:grid}.suffix-controls h2{font:600 clamp(30px,3.4vw,44px)/.95 var(--serif);letter-spacing:-.04em;margin:0}.suffix-controls label{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fern);gap:8px;display:grid}.suffix-controls label small{text-transform:none;letter-spacing:0;color:#dce7df99}.suffix-controls input,.suffix-controls select{color:#fff;outline-offset:4px;background:0 0;border:0;border-bottom:1px solid #dce7df73;width:100%;padding:8px 0}.suffix-controls select option{color:var(--ash)}.prefix-box{align-items:center;gap:12px;display:flex}.prefix-box input{text-transform:capitalize;flex:1}.prefix-box button{color:var(--fern);font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex:none;padding:6px 0}.prefix-box button:hover{color:var(--amber)}.prefix-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:-8px;display:flex}.prefix-actions button{color:var(--mist);font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #dce7df66;padding:9px 12px}.prefix-actions button:hover{border-color:var(--amber);color:var(--amber)}.prefix-actions span{font:400 12px var(--mono);color:#dce7dfa8;text-align:right}.generate-button{background:var(--amber);color:#20303c;font:700 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:0;padding:15px 18px;transition:transform .15s}.generate-button:hover{transform:translateY(-1px)}.generate-button span{margin-left:6px}.controls-note{color:#dce7dfb8;margin:0;font-size:13px;line-height:1.6}.suffix-results{gap:18px;display:grid}.results-head{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.results-head h3{font:600 22px var(--serif);margin:0}.results-head button{color:var(--moss);font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #83988e;padding:9px 12px}.results-head button:hover{border-color:var(--amber);color:var(--amber)}.suffix-results ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.suffix-results li{border:1px solid #bdc4bd;border-left:4px solid var(--fern);background:#f4f6ef;padding:16px 18px}.suffix-results li strong{font:600 24px var(--serif);color:var(--moss)}.result-meaning{margin:8px 0 6px;line-height:1.55}.result-example{color:#315d6c;margin:0;font-size:14px}.result-example small{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6d7f74;margin-left:10px}.result-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.result-actions button{color:var(--moss);font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #83988e;padding:8px 11px}.result-actions button:hover{border-color:var(--amber);color:var(--amber)}.copy-error{color:#8c3b2e;font:600 13px var(--mono);margin:0}.suffix-list{background:#e3e7dc;padding:clamp(52px,7vw,100px) clamp(22px,9vw,144px)}.list-heading{max-width:720px}.list-heading .eyebrow{margin-bottom:14px}.list-heading h2{font:600 clamp(42px,5.4vw,76px)/.88 var(--serif);letter-spacing:-.05em;margin:0}.list-heading h2 em{color:var(--moss)}.list-heading p{margin:20px 0 0;line-height:1.7}.list-toolbar{grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:16px;margin:38px 0 10px;display:grid}.list-toolbar label{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#4b5f54;gap:8px;display:grid}.list-toolbar input,.list-toolbar select{color:var(--ash);outline-offset:3px;background:#f4f6ef;border:1px solid #83988e;padding:11px 12px}.chip-group{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.chip-group legend{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chip-group label{display:grid}.chip-group input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chip-group span{color:var(--moss);font:700 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:#f4f6ef;border:1px solid #83988e;padding:10px 13px}.chip-group span:hover{border-color:var(--amber);color:var(--amber)}.chip-group input:checked+span{background:var(--moss);border-color:var(--moss);color:var(--mist)}.chip-group input:focus-visible+span{outline:3px solid var(--amber);outline-offset:2px}.list-count{font:500 12px var(--mono);letter-spacing:.06em;color:#4b5f54;margin:8px 0 18px}.category-note{color:#315d6c;max-width:760px;margin:16px 0 0;line-height:1.65}.suffix-grid{border-top:1px solid #bdc4bd;border-left:1px solid #bdc4bd;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.suffix-grid li{background:#f4f6ef;border-bottom:1px solid #bdc4bd;border-right:1px solid #bdc4bd;align-content:start;gap:8px;padding:16px;display:grid}.card-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.card-top strong{font:600 23px var(--serif);color:var(--moss)}.card-top span{font:500 9px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#6d7f74;text-align:right}.suffix-grid p{margin:0;font-size:14px;line-height:1.55}.card-example b{color:var(--moss)}.suffix-grid li>button{border:0;border-bottom:1px solid var(--amber);color:var(--moss);font:700 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:0 0;justify-self:start;margin-top:4px;padding:2px 0 4px}.suffix-grid li>button:hover{color:var(--amber)}.list-empty{background:#f4f6ef;border:1px dashed #83988e;justify-items:start;gap:12px;margin-top:20px;padding:26px;display:grid}.list-empty p{font:600 16px var(--serif);margin:0}.list-empty button{color:var(--moss);font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #83988e;padding:10px 13px}.list-empty button:hover{border-color:var(--amber);color:var(--amber)}.suffix-meanings{background:var(--pine);color:var(--mist);padding:clamp(52px,7vw,100px) clamp(22px,9vw,144px)}.suffix-meanings .list-heading h2{color:var(--mist)}.suffix-meanings .list-heading h2 em{color:var(--fern)}.suffix-meanings .list-heading p{color:#c6d8ce}.meaning-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-top:38px;display:grid}.meaning-grid article{background:#dce7df0f;border:1px solid #dce7df40;padding:20px}.meaning-grid h3{font:600 30px var(--serif);color:var(--fern);margin:0}.meaning-grid p{color:#d5e2d8;margin:12px 0 0;font-size:15px;line-height:1.65}.meaning-grid button{border:0;border-bottom:1px solid var(--amber);color:var(--mist);font:700 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:0 0;margin-top:14px;padding:2px 0 5px}.meaning-grid button:hover{color:var(--amber)}.back-to-list{color:var(--mist);border-bottom:1px solid var(--amber);margin-top:26px;padding-bottom:6px;font-weight:600;text-decoration:none;display:inline-block}.suffix-how{background:#d6d5c7;grid-template-columns:minmax(280px,.8fr) minmax(340px,1.2fr);gap:clamp(28px,5vw,80px);padding:clamp(52px,7vw,100px) clamp(22px,9vw,144px);display:grid}.suffix-how h2{font:600 clamp(42px,5vw,68px)/.9 var(--serif);letter-spacing:-.05em;margin:0}.suffix-how h2 em{color:var(--moss)}.how-grid{align-content:start;gap:18px;display:grid}.how-grid p{border-top:1px solid #83988e;margin:0;padding-top:18px;line-height:1.7}.how-grid p b{color:var(--moss)}.suffix-choose{background:var(--pine);color:var(--mist);grid-template-columns:minmax(280px,.8fr) minmax(340px,1.2fr);gap:clamp(28px,5vw,80px);padding:clamp(52px,7vw,100px) clamp(22px,9vw,144px);display:grid}.suffix-choose h2{font:600 clamp(42px,5vw,68px)/.9 var(--serif);letter-spacing:-.05em;margin:0}.suffix-choose h2 em{color:var(--fern)}.suffix-choose>div>p{color:#c6d8ce;max-width:430px;margin:20px 0 0;line-height:1.7}.choose-steps{counter-reset:choose-step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.choose-steps li{counter-increment:choose-step;color:#d5e2d8;background:#dce7df0f;border:1px solid #dce7df40;padding:16px 16px 16px 56px;line-height:1.65;position:relative}.choose-steps li:before{content:counter(choose-step,decimal-leading-zero);font:600 12px var(--mono);color:var(--amber);position:absolute;top:17px;left:16px}.choose-steps b{color:var(--fern)}.choose-steps a{color:var(--mist);-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber);text-underline-offset:4px;white-space:nowrap;font-weight:600}.choose-steps a:hover{color:var(--amber)}.suffix-prefix-note{background:#e3e7dc;padding:clamp(52px,7vw,96px) max(22px,50% - 450px)}.suffix-prefix-note h2{font:600 clamp(34px,4vw,54px)/.95 var(--serif);letter-spacing:-.04em;margin:0}.suffix-prefix-note p{max-width:760px;margin:20px 0 0;line-height:1.7}.suffix-prefix-note .text-link{color:var(--moss);border-color:var(--amber);margin-top:24px;display:inline-block}.suffix-prefix-note .text-link:hover{color:var(--amber)}.suffix-related{background:var(--pine);color:var(--mist);padding:clamp(52px,7vw,96px) clamp(22px,9vw,144px)}.suffix-related h2{font:600 clamp(42px,5vw,72px)/.88 var(--serif);letter-spacing:-.05em;margin:0}.suffix-related h2 em{color:var(--fern)}.suffix-related .list-heading p{color:#c6d8ce}.related-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px;display:grid}.related-grid a{color:inherit;background:#dce7df0f;border:1px solid #dce7df40;align-content:start;gap:10px;padding:20px;text-decoration:none;display:grid}.related-grid a:hover{border-color:var(--amber)}.related-grid b{font:600 22px var(--serif);color:var(--fern)}.related-grid span{color:#c6d8ce;font-size:14px;line-height:1.6}.related-grid i{color:var(--amber);font-style:normal}.suffix-faq{background:#e3e7dc;padding:clamp(52px,7vw,96px) clamp(22px,9vw,144px)}.suffix-faq h2{font:600 clamp(38px,4.6vw,62px)/.9 var(--serif);letter-spacing:-.05em;margin:0}.suffix-faq details{background:#f4f6ef;border:1px solid #bdc4bd;margin-top:14px;padding:16px 18px}.suffix-faq summary{cursor:pointer;font:600 17px var(--sans)}.suffix-faq details[open] summary{color:var(--moss)}.suffix-faq details p{margin:12px 0 0;line-height:1.7}.faq-links a{color:var(--moss);-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber);text-underline-offset:4px;margin-right:16px;font-weight:600}.suffix-footer{background:var(--pine);color:var(--mist)}.reviewed-note{background:var(--pine);color:#dce7df8c;font:400 12px var(--mono);margin:0;padding:0 clamp(22px,9vw,144px) 26px}@media (max-width:960px){.suffix-workbench,.suffix-how,.suffix-choose,.related-grid{grid-template-columns:1fr}.list-toolbar{grid-template-columns:1fr;align-items:start}}@media (max-width:760px){.suffix-header{flex-wrap:wrap;gap:12px;height:auto;padding:16px 22px}.suffix-hero,.suffix-workbench,.suffix-list,.suffix-meanings,.suffix-how,.suffix-prefix-note,.suffix-related,.suffix-faq{padding-left:22px;padding-right:22px}.reviewed-note{padding:0 22px 24px}.prefix-actions{flex-direction:column;align-items:stretch}.prefix-actions span{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.suffix-page *{transition:none!important;animation:none!important}}