@charset "UTF-8";
:root{--paper:#f5f3ed;--ink:#292b25;--muted:#75766c;--line:#d8d8cc;--accent:#ddec9c;--white:#fffef8;--preview-size:48px;font-family:"ps-dmsans",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #697641;outline-offset:4px}button:hover{color:#59693b}::selection{background:#ddec9c;color:#292b25}.skip{position:absolute;top:-60px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:0}
.shell{max-width:1560px;margin:auto;padding:0 48px}.header{display:flex;align-items:center;justify-content:space-between;height:102px;border-bottom:1px solid var(--line);gap:28px}.brand{font-size:31px;font-weight:650;letter-spacing:-1.7px;text-decoration:none;white-space:nowrap}.brand em{font-family:"ps-cormorantgaramond",serif;font-size:38px;font-style:normal;font-weight:600;letter-spacing:-2px}.nav{display:flex;gap:30px;align-items:center}.nav button{font-size:16px;padding:12px 0;position:relative;white-space:nowrap}.nav button.active:after{content:"";height:3px;width:20px;background:var(--ink);position:absolute;bottom:0;left:0}.header-right{display:flex;gap:22px;align-items:center}.language{font-size:13px;letter-spacing:.04em}.info-button{width:28px;height:28px;border:1px solid #b8bbac;border-radius:50%;font-family:Georgia,serif;font-size:17px}.mobile-nav{display:none}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:46px 0 44px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 21px;display:flex;gap:12px;align-items:center}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#81915d}.intro h1{font-size:clamp(38px,4.4vw,67px);font-weight:600;letter-spacing:-.06em;line-height:1.17;margin:0 0 19px}.intro h1 span{font-family:"ps-cormorantgaramond",serif;letter-spacing:-.04em;font-size:1.22em;font-weight:500}.intro p.description{font-size:15px;line-height:1.9;color:#676c5f;margin:0;max-width:410px}.hero-sample{background:#e6e7dc;position:relative;min-height:265px;overflow:hidden;padding:25px 29px;display:flex;flex-direction:column;justify-content:space-between}.hero-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.07em}.hero-glyph{font-family:"ps-cormorantgaramond",serif;font-size:190px;line-height:.83;letter-spacing:-.09em;text-align:center;font-weight:500;position:relative;z-index:1;margin:-5px 0 0}.hero-glyph:after{content:"";position:absolute;left:0;right:0;bottom:12px;border-bottom:1px solid #b9bdab;z-index:-1}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px}.hero-switches{display:flex;gap:5px}.hero-switches button{border:1px solid #b8bda8;min-width:32px;height:29px;padding:0 7px}.hero-switches button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.workspace-top{display:flex;justify-content:space-between;align-items:center;margin:12px 0 24px;gap:16px}.workspace-top h2{margin:0;font-size:27px;letter-spacing:-.05em;font-weight:550}.workspace-top h2 span{font-size:13px;margin-left:14px;vertical-align:middle;color:var(--muted);letter-spacing:0;font-weight:400}.quiet{color:var(--muted);font-size:13px}.preview-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) 200px 134px;gap:24px;align-items:center;background:var(--ink);color:var(--paper);padding:20px 25px}.preview-input-wrap{display:flex;align-items:center;gap:16px}.preview-input-wrap svg{flex-shrink:0}.preview-toolbar input[type=text]{width:100%;background:none;border:0;border-bottom:1px solid #606455;color:white;padding:9px 0;outline-offset:5px;font-size:17px;min-width:0}.preview-toolbar input::placeholder{color:#bec3b3}.range-wrap{display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap}.range-wrap input{width:100%;accent-color:var(--accent);min-width:30px}.range-wrap output{min-width:39px;color:#e0e2d7}.preview-toolbar select{background:transparent;border:1px solid #606455;border-radius:0;color:var(--paper);padding:10px;width:100%;font-size:13px}.preview-toolbar select option{color:var(--ink);background:var(--paper)}
.filters{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 16px;flex-wrap:wrap}.category-tabs{display:flex;gap:5px;flex-wrap:wrap}.category-tabs button{font-size:14px;padding:9px 13px;border-radius:2px}.category-tabs button.active{background:var(--accent);color:var(--ink)}.filters-secondary{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.filters-secondary input,.filters-secondary select{border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px 3px;max-width:170px;font-size:13px;border-radius:0}.filters-secondary input{width:160px}.results-line{display:flex;justify-content:space-between;gap:14px;min-height:33px;color:var(--muted);font-size:12px;align-items:flex-start}.reset-filter{text-decoration:underline;font-size:12px;padding:0}.font-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.font-card{min-width:0;position:relative;background:var(--white);border:1px solid var(--line);transition:border-color .15s}.font-card:hover{border-color:#a7ad97}.card-top{padding:20px 21px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.font-name{font-size:17px;letter-spacing:-.035em;font-weight:600;padding:0;text-align:left}.font-name:hover{text-decoration:underline}.icon-btn{width:32px;height:32px;display:grid;place-items:center;padding:6px;flex-shrink:0}.icon-btn svg{width:18px;height:18px;stroke-width:1.4}.icon-btn.on{color:#607439;background:#edf3db}.card-meta{display:flex;gap:7px;align-items:center;padding:7px 21px 0;color:var(--muted);font-size:11px;letter-spacing:.02em}.language-mark{border-left:1px solid var(--line);padding-left:7px}.specimen-button{display:block;width:100%;padding:24px 21px 16px;text-align:left;min-height:166px;color:var(--ink);overflow:hidden}.specimen-button:hover{color:inherit}.specimen-text{font-size:var(--preview-size);line-height:1.07;letter-spacing:-.025em;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-synthesis:none}.font-card:nth-child(6n+2){background:#f0f1e6}.font-card:nth-child(6n+3){background:#e8dfd8}.font-card:nth-child(6n+4){background:#ebe7ef}.font-card:nth-child(6n+5){background:#e5eaf0}.fallback-note{font-size:11px;color:#777564;min-height:19px;padding:0 21px 10px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d5d6ca88;padding:10px 16px;gap:12px;font-size:12px}.compare-toggle{padding:5px;display:flex;align-items:center;gap:7px}.square{width:13px;height:13px;border:1px solid #939c84;display:inline-grid;place-items:center;line-height:1;font-size:12px}.compare-toggle.on .square{background:var(--ink);color:var(--paper);border-color:var(--ink)}.text-action{text-decoration:none;border-bottom:1px solid #b2b5a6;padding:4px 0}.text-action:hover{border-color:var(--ink)}.load-row{text-align:center;padding:30px 0 10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:var(--paper);padding:13px 22px;border:1px solid var(--ink);text-decoration:none;font-size:14px;min-height:45px}.button:hover{background:#454b39;color:white}.button.light{background:transparent;color:var(--ink);border-color:#b6bdab}.button.light:hover{background:#e5e9dc}.button.accent{background:var(--accent);color:var(--ink);border-color:var(--accent)}.empty{grid-column:1/-1;padding:65px 20px;text-align:center;border:1px dashed var(--line)}.empty h3{font-size:24px;font-weight:500}.empty p{color:var(--muted);font-size:14px;line-height:1.8}.footer{margin-top:65px;padding:28px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:24px;font-size:12px;color:var(--muted)}.footer strong{font-size:17px;letter-spacing:-.06em;font-weight:500;color:var(--ink)}.footer p{line-height:1.8;margin:0}.footer button{text-decoration:underline;padding:0;color:var(--muted)}.has-tray .footer{padding-bottom:110px}
.compare-tray{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(880px,calc(100% - 32px));padding:13px 16px;background:#292b25;color:white;box-shadow:0 12px 45px #2225;display:flex;gap:16px;align-items:center;justify-content:space-between;z-index:20}.compare-tray[hidden]{display:none}.tray-items{display:flex;gap:10px;flex-wrap:wrap;min-width:0}.tray-chip{border:1px solid #626655;display:flex;gap:8px;align-items:center;padding:6px 9px;font-size:12px}.tray-chip button{color:#d5dacb;font-size:17px;padding:0 2px;line-height:1}.tray-actions{display:flex;gap:8px;flex-shrink:0}.tray-actions .button{font-size:12px;padding:10px 16px;min-height:38px}.tray-clear{font-size:12px;color:#c1c9b0}
dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(1080px,calc(100vw - 40px));max-height:calc(100dvh - 60px);overflow:auto;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#20251e8c;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:23px 30px;border-bottom:1px solid var(--line);gap:20px;position:sticky;top:0;background:var(--paper);z-index:4}.dialog-head h2{font-size:23px;font-weight:500;letter-spacing:-.04em;margin:0}.close{width:35px;height:35px;border:1px solid var(--line);font-size:24px;display:grid;place-items:center;padding:0;line-height:1;flex-shrink:0}.dialog-content{padding:28px 30px 34px}.detail-controls{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:13px}.detail-controls input[type=range]{accent-color:#697641;width:150px}.detail-controls label{display:flex;align-items:center;gap:12px}.detail-controls output{min-width:35px}.detail-preview{font-size:64px;line-height:1.18;padding:32px 0 20px;overflow-wrap:anywhere;white-space:pre-wrap;min-height:180px;font-synthesis:none}.detail-text{width:100%;padding:13px;background:#fffef8;border:1px solid var(--line);resize:vertical;font-size:15px;min-height:54px}.detail-description{font-size:15px;line-height:1.9;max-width:740px;color:#5e6455}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);margin-top:25px;padding-top:24px}.detail-facts{margin:0;font-size:13px}.detail-facts div{display:grid;grid-template-columns:90px 1fr;gap:14px;margin:0 0 12px}.detail-facts dt{color:var(--muted)}.detail-facts dd{margin:0;overflow-wrap:anywhere}.license-box{background:#e8eddb;padding:20px;font-size:13px;line-height:1.8}.license-box h3{margin:0 0 8px;font-size:15px;font-weight:500}.license-box p{margin:0 0 8px}.download-line{display:flex;gap:12px;margin-top:23px;flex-wrap:wrap}.download-note{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:0}.compare-dialog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.comparison{background:var(--white);border:1px solid var(--line);padding:22px 20px;min-width:0}.comparison h3{font-size:16px;font-weight:500;margin:0 0 12px}.comparison .sample{font-size:42px;overflow-wrap:anywhere;line-height:1.15;min-height:180px;font-synthesis:none}.comparison .quiet{font-size:11px;line-height:1.6;margin:10px 0}.comparison .button{font-size:12px;padding:9px 14px}.body-copy{font-size:15px;line-height:1.9;color:#505947}.body-copy h3{color:var(--ink);font-size:20px;margin:28px 0 10px;font-weight:500}.body-copy p{margin:0 0 16px}.body-copy ul{padding-left:22px}.body-copy a{text-decoration:underline}
.pair-intro{display:flex;align-items:baseline;justify-content:space-between;gap:25px;padding:44px 0 25px}.pair-intro h1{font-size:42px;letter-spacing:-.05em;font-weight:500;margin:0}.pair-intro p{max-width:450px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}.pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:26px}.pair-card{border:1px solid var(--line);min-width:0}.pair-poster{width:100%;min-height:330px;display:flex;flex-direction:column;text-align:left;justify-content:space-between;padding:30px 36px;overflow:hidden;position:relative;background:var(--pair-bg);color:var(--pair-ink)}.pair-poster:hover{color:var(--pair-ink)}.poster-kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase}.poster-title{font-size:60px;line-height:1.02;letter-spacing:-.035em;max-width:95%;margin:20px 0;overflow-wrap:anywhere}.poster-body{font-size:13px;line-height:1.6;max-width:310px}.poster-rule{border-top:1px solid currentColor;opacity:.35;margin:16px 0}.pair-caption{display:flex;justify-content:space-between;padding:17px 20px;gap:15px;align-items:center;background:var(--white)}.pair-caption h3{font-size:16px;font-weight:500;margin:0 0 5px}.pair-caption p{font-size:11px;color:var(--muted);margin:0}.pair-caption button{font-size:13px;white-space:nowrap;border-bottom:1px solid #a1a88f;padding:5px 0}.pair-editor{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:28px}.pair-editor .pair-poster{min-height:480px;cursor:default}.pair-editor .poster-title{font-size:58px}.pair-settings label{display:block;font-size:12px;margin-bottom:17px;color:var(--muted)}.pair-settings input[type=text],.pair-settings textarea,.pair-settings select{width:100%;display:block;margin-top:8px;padding:10px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:0;font-size:14px}.pair-settings textarea{resize:vertical;min-height:100px}.pair-settings .range-wrap{margin:12px 0}.pair-settings .range-wrap output{color:var(--ink)}.pair-settings .range-wrap input{accent-color:#697641}.color-row{display:flex;gap:20px}.color-row input{display:block;width:45px;height:31px;border:0;padding:0;background:none;margin-top:8px}.pair-downloads{border-top:1px solid var(--line);padding-top:18px;margin-top:23px;display:flex;gap:12px;flex-wrap:wrap}.pair-font-link{font-size:12px;text-decoration:underline;padding:4px 0}.pair-hint{font-size:12px;line-height:1.7;color:var(--muted)}.template-toolbar{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,15px);background:#31382b;color:white;padding:12px 20px;opacity:0;pointer-events:none;z-index:100;font-size:14px;transition:opacity .2s,transform .2s;text-align:center;max-width:calc(100vw - 30px)}#toast.show{opacity:1;transform:translate(-50%,0)}.loading{padding:100px 30px;text-align:center;font-size:40px;letter-spacing:-2px}.loading span{display:block;font-size:15px;margin-top:20px;letter-spacing:0}.error-page{padding:60px;line-height:2}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1450px){.shell{padding:0 65px}.intro{padding-top:55px;padding-bottom:50px}.hero-sample{min-height:290px}.hero-glyph{font-size:215px}.specimen-button{min-height:180px}}
@media(max-width:1050px){.shell{padding:0 30px}.header{gap:20px}.nav{gap:20px}.header-right{gap:15px}.preview-toolbar{grid-template-columns:minmax(150px,1fr) 160px 110px;gap:18px}.font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{gap:30px}.intro h1{font-size:46px}.hero-glyph{font-size:170px}.pair-poster{padding:26px}.poster-title{font-size:51px}.pair-editor{grid-template-columns:1fr 1fr}.pair-editor .poster-title{font-size:46px}}
@media(max-width:700px){.shell{padding:0 20px}.header{height:79px;gap:12px}.brand{font-size:27px}.brand em{font-size:33px}.header .nav{display:none}.mobile-nav{display:flex;gap:27px;border-bottom:1px solid var(--line);padding:9px 0}.mobile-nav button{font-size:14px;padding:10px 0}.intro{grid-template-columns:1fr;gap:22px;padding:29px 0}.intro h1{font-size:43px;margin-bottom:12px}.intro p.description{font-size:13px;max-width:100%;line-height:1.8}.eyebrow{font-size:10px;margin-bottom:16px}.hero-sample{min-height:195px;padding:19px 22px}.hero-glyph{font-size:135px}.hero-top{font-size:10px}.hero-bottom{font-size:11px}.workspace-top{margin:17px 0}.workspace-top h2{font-size:24px}.workspace-top .quiet{display:none}.preview-toolbar{grid-template-columns:1fr 110px;padding:13px 16px;gap:15px}.preview-input-wrap{grid-column:1/-1}.preview-toolbar input[type=text]{font-size:15px}.preview-toolbar select{padding:7px;font-size:12px}.range-wrap{font-size:11px}.filters{gap:15px;margin:18px 0 12px}.category-tabs{gap:2px;width:100%;justify-content:space-between}.category-tabs button{padding:8px;font-size:12px}.filters-secondary{width:100%;gap:10px;display:grid;grid-template-columns:1fr 1fr 1.2fr}.filters-secondary input,.filters-secondary select{min-width:0;width:100%;max-width:100%;font-size:12px}.font-grid{gap:14px}.card-top{padding:14px 13px 0;gap:4px}.font-name{font-size:14px;line-height:1.35}.icon-btn{width:27px;height:27px;padding:4px}.card-meta{padding:5px 13px 0;font-size:10px;gap:5px;flex-wrap:wrap}.specimen-button{padding:24px 13px 13px;min-height:150px}.specimen-text{font-size:calc(var(--preview-size)*.74);-webkit-line-clamp:4}.fallback-note{font-size:10px;padding:0 13px 8px}.card-bottom{padding:8px;gap:7px;font-size:11px}.compare-toggle{gap:5px}.square{width:11px;height:11px}.results-line{font-size:11px}.footer{margin-top:40px;flex-direction:column;gap:14px;padding-top:22px}.compare-tray{bottom:10px;gap:10px;padding:12px;flex-wrap:wrap}.tray-items{gap:6px}.tray-chip{font-size:10px;padding:4px 6px}.tray-actions{margin-left:auto}.tray-actions .button{padding:7px 12px;font-size:11px;min-height:33px}dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 28px)}.dialog-head{padding:17px 18px}.dialog-head h2{font-size:20px}.dialog-content{padding:20px 18px}.details-grid{grid-template-columns:1fr;gap:15px}.detail-controls{gap:15px}.detail-controls input[type=range]{width:100px}.detail-preview{font-size:48px;min-height:140px}.compare-dialog-grid{grid-template-columns:1fr;gap:12px}.comparison .sample{min-height:100px}.comparison{padding:20px}.pair-intro{padding:30px 0 22px;display:block}.pair-intro h1{font-size:34px;margin-bottom:15px}.pair-intro p{font-size:13px}.pair-grid{grid-template-columns:1fr;gap:20px}.pair-poster{min-height:310px}.pair-editor{grid-template-columns:1fr}.pair-editor .pair-poster{min-height:340px}.pair-editor .poster-title{font-size:49px}.pair-caption{padding:15px}.template-toolbar .button{font-size:12px;padding:10px 15px}.pair-downloads{gap:15px}}
@media(max-width:370px){.shell{padding:0 14px}.font-grid{grid-template-columns:1fr}.category-tabs button{padding:7px}.intro h1{font-size:37px}.header-right{gap:12px}.mobile-nav{gap:24px}.specimen-text{font-size:var(--preview-size)}.specimen-button{min-height:145px}.filters-secondary{grid-template-columns:1fr 1fr}.filters-secondary input{grid-column:1/-1;max-width:none}.poster-title{font-size:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Preview-first purpose tags. Recommendation logic stays separate from presentation. */
.guide-entry{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin:0 0 38px;display:flex;align-items:center;justify-content:space-between;gap:32px}.guide-entry .eyebrow{font-size:10px;margin-bottom:10px}.guide-entry h2{font-size:29px;letter-spacing:-.04em;margin:0 0 8px;font-weight:550}.guide-entry p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.guide-entry>.button{flex-shrink:0}
.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 24px}.guide-heading h1{font-size:40px;font-weight:500;letter-spacing:-.05em;margin:0}.guide-heading .reset-filter{flex-shrink:0}.guide-filters{display:grid;gap:13px;margin-bottom:22px}.guide-filter-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.guide-filter-label{font-size:12px;color:var(--muted);min-width:35px}.use-tags,.intentions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-tag{padding:9px 17px;border:1px solid var(--line);border-radius:30px;font-size:14px;line-height:1.4;min-height:40px}.filter-tag:hover{border-color:#9ca78b;background:#edf0e5}.use-choice.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.intentions .selected{background:var(--accent);color:var(--ink);border-color:#c0ce8d}.guide-language{margin-left:auto}.guide-language select{border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px 4px;color:var(--muted);font-size:12px;max-width:100%;border-radius:0}.guide-preview-bar{padding:15px 20px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:start}.guide-headline{display:flex;gap:14px;align-items:center;min-width:0;min-height:38px}.guide-headline svg{flex-shrink:0}.guide-headline input{min-width:0;width:100%;background:transparent;border:0;color:var(--paper);font-size:17px;padding:7px 0}.guide-headline input::placeholder{color:#bac0ae}.guide-supporting{min-width:0;max-width:420px}.guide-supporting summary{font-size:12px;color:#d6dccb;padding:11px 0;cursor:pointer;list-style:none;text-underline-offset:4px;text-decoration:underline}.guide-supporting[open]{width:360px}.guide-supporting textarea{width:100%;min-width:0;background:#383c31;color:var(--paper);border:1px solid #626954;padding:10px;font-size:13px;resize:vertical}.guide-supporting textarea::placeholder{color:#bac0ae}.guide-results-heading{margin:16px 0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-results-heading .guide-language{margin:0;flex-shrink:0}.guide-results-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.guide-result{border:1px solid var(--line);min-width:0}.guide-result-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;font-size:11px;min-height:40px;color:var(--muted)}.recommend-label{color:#536232}.guide-result .pair-poster{padding:25px;min-height:330px;cursor:default}.guide-result .poster-title{font-size:43px}.guide-result .layout-poster .poster-title{font-size:48px}.guide-result .poster-kicker{font-size:9px;letter-spacing:.1em}.guide-result .poster-body{font-size:12px}.guide-result-copy{padding:18px;background:var(--white)}.guide-result-action{display:flex;align-items:center;justify-content:space-between;gap:15px}.guide-result-action>div{min-width:0}.guide-result-copy h3{font-size:19px;letter-spacing:-.03em;margin:0 0 7px;font-weight:500}.guide-result-copy .guide-fonts{font-size:11px;line-height:1.6;color:var(--muted);margin:0;overflow-wrap:anywhere}.guide-result-action .button{padding:10px 14px;min-height:40px;font-size:12px;flex-shrink:0}.pair-rationale{margin-top:15px}.pair-rationale summary{font-size:12px;cursor:pointer;list-style:none;color:var(--muted);text-decoration:underline;text-underline-offset:4px;padding:4px 0;width:fit-content}.pair-rationale summary:hover{color:var(--ink)}summary::-webkit-details-marker{display:none}.pair-rationale p{font-size:13px;line-height:1.85;margin:12px 0}.pair-rationale .guide-caution{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.guide-font-links{display:flex;gap:20px;flex-wrap:wrap}.guide-font-links button{font-size:11px;text-decoration:underline;padding:4px 0}
.pair-poster.layout-social{aspect-ratio:1;min-height:0}.pair-poster.layout-brand{text-align:center;justify-content:center}.layout-brand .poster-title{max-width:100%;margin:35px 0}.layout-brand .poster-body{margin:auto}.layout-brand .poster-rule{width:40px;margin:25px auto}.pair-poster.layout-article{justify-content:flex-start}.layout-article .poster-title{line-height:1.16}.layout-article .poster-body{line-height:1.85}.pair-poster.layout-web{justify-content:center}.layout-web .poster-title{max-width:12ch}.layout-web .poster-rule{display:none}.layout-web .poster-kicker{margin-bottom:18px}.poster-body{white-space:pre-wrap}
@media(max-width:1100px){.guide-grid{gap:14px}.guide-result .pair-poster{padding:20px}.guide-result .poster-title,.guide-result .layout-poster .poster-title{font-size:38px}.guide-result-copy{padding:15px}.guide-result-action{display:block}.guide-result-action .button{margin-top:12px;width:100%}.guide-supporting[open]{width:280px}}
@media(max-width:700px){.mobile-nav{gap:22px;overflow-x:auto}.guide-entry{display:block;padding:24px 0}.guide-entry h2{font-size:26px}.guide-entry p{font-size:13px}.guide-entry>.button{margin-top:18px}.guide-heading{padding:26px 0 20px;align-items:baseline}.guide-heading h1{font-size:30px}.guide-filter-row{gap:9px 12px}.guide-filter-label{min-width:27px}.use-tags{flex:1;gap:7px}.filter-tag{font-size:12px;padding:8px 13px;min-height:36px}.intentions{gap:7px;flex:1}.guide-language select{font-size:11px}.guide-filters{gap:12px;margin-bottom:18px}.guide-preview-bar{grid-template-columns:1fr;padding:12px 15px;gap:0}.guide-headline input{font-size:15px}.guide-supporting{width:100%;max-width:none}.guide-supporting[open]{width:100%}.guide-supporting summary{padding:7px 0;font-size:11px}.guide-results-heading{margin:12px 0}.guide-grid{grid-template-columns:1fr;gap:20px}.guide-result .poster-title,.guide-result .layout-poster .poster-title{font-size:50px}.guide-result .pair-poster{padding:28px}.guide-result-action{display:flex}.guide-result-action .button{margin:0;width:auto}.guide-entry .eyebrow{font-size:9px}}

.font-grid.reading-mode .specimen-text{font-size:var(--preview-size);line-height:1.75;letter-spacing:0;-webkit-line-clamp:6}.font-grid.reading-mode .specimen-button{min-height:230px}

/* Layout cards retain the collection UI; each specimen owns its composition. */
.pair-grid{align-items:start}.layout-card-top{padding:13px 18px;display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.layout-card-top>span{font-variant-numeric:tabular-nums}.layout-tags{display:flex;gap:6px;flex-wrap:wrap}.layout-tags span{border:1px solid var(--line);border-radius:20px;padding:3px 9px;font-size:10px;line-height:1.4}.pair-card .composition-frame:hover{filter:brightness(.985);color:inherit}.pair-editor{align-items:start}.pair-editor #pair-live{position:sticky;top:90px;min-width:0}.layout-content-settings{border-block:1px solid var(--line);margin:0 0 20px;padding:15px 0}.layout-content-settings summary{font-size:13px;cursor:pointer;display:flex;justify-content:space-between;gap:10px}.layout-content-settings summary span{font-size:11px;color:var(--muted)}.layout-content-settings[open] summary{margin-bottom:17px}.layout-content-settings textarea{min-height:65px}.layout-content-settings label:last-child{margin-bottom:0}.pair-caption p{line-height:1.6}.pair-settings .range-wrap output{min-width:42px}
@media(max-width:700px){.pair-editor #pair-live{position:static}.layout-card-top{padding:11px 14px;gap:12px}.layout-tags span{font-size:10px}.pair-caption{align-items:flex-start}}
.pair-settings{min-width:0}.pair-settings .range-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.pair-settings .range-wrap input{margin:0;min-width:0}.pair-settings select{min-width:0;max-width:100%}
.layout-purpose-tags{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 22px}.layout-purpose-tags .selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.layout-purpose-tags span{font-size:11px;margin-left:5px;opacity:.6}.layout-purpose-tags .filter-tag{font-size:13px}.pair-card .composition-frame{content-visibility:auto;contain-intrinsic-size:auto 540px}
@media(max-width:700px){.layout-purpose-tags{gap:7px}.layout-purpose-tags .filter-tag{font-size:12px;padding:8px 12px}.pair-card .composition-frame{contain-intrinsic-size:auto 360px}}
/* Fixed-size artwork, quiet format tags and private membership review. */
.layout-options{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 4px;flex-wrap:wrap}.layout-size-tags{display:flex;gap:6px;flex-wrap:wrap}.layout-access{display:flex;align-items:center;gap:18px;font-size:12px;color:var(--muted)}.layout-access>button{border-bottom:1px solid currentColor;padding:4px 0}.layout-access label{display:flex;gap:8px;align-items:center}.layout-access select{padding:7px 10px;font-size:12px}.access-tag{color:#5f6848!important;border-color:#a8ae93!important}.pair-grid{align-items:start}.pair-card .composition-frame{contain-intrinsic-size:none;content-visibility:visible}.pair-card>.composition-frame{overflow:hidden}.pair-card .artboard-window{pointer-events:none}.pair-preview-column{position:sticky;top:0;align-self:start;min-width:0}.artboard-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.06em;margin-bottom:12px}.pair-preview-column #pair-live{position:static}.pair-preview-column .artboard-window{max-height:none}.pair-editor{align-items:start}.template-toolbar{flex-wrap:wrap}.membership-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.membership-plans section{padding:24px;border:1px solid var(--line,#d9d7ce);border-radius:4px}.membership-plans h3{font-size:32px;font-weight:500;margin:16px 0}.membership-plans p{font-size:14px;line-height:1.8}.membership-plans section:last-child{background:#e6e8df}.pair-preview-column .pair-hint{color:#925329}.pair-card .artboard-canvas{content-visibility:visible}
@media(max-width:700px){.layout-options{align-items:start}.layout-access{flex-wrap:wrap;gap:10px}.pair-preview-column{position:static}.membership-plans{grid-template-columns:1fr;gap:12px}.membership-plans section{padding:18px}.membership-plans h3{font-size:26px}.artboard-meta{margin-top:10px}.template-toolbar .button{font-size:12px;padding:12px 16px}}