/* Fontsvault detail: isolated from homepage cards and theme global rules */
.fontsvault-single-font{box-sizing:border-box;width:min(100% - 36px,1200px);max-width:1200px;margin:0 auto;padding:28px 0 72px;color:#111}
.fontsvault-single-font *{box-sizing:border-box}
.fontsvault-single-font .fv-detail{margin:0;max-width:none}
.fv-detail__hero{text-align:center;background:#f7f7f7;padding:64px 22px 72px;margin:0 0 24px}
.fv-detail__hero h1{font-size:clamp(30px,4.4vw,60px);font-weight:650;letter-spacing:-.035em;line-height:1.14;margin:12px 0 14px}
.fv-detail__hero p{margin:0;color:#777;font-size:15px}
.fv-detail__hero .fv-detail__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.fv-detail__specimen{margin:0 0 24px;background:#f6f6f6;text-align:center}
.fv-detail__specimen img{display:block;max-width:100%;width:100%;height:auto;max-height:480px;object-fit:contain;margin:0 auto}
.fv-detail__summary{display:grid;grid-template-columns:1fr 1fr 1fr minmax(190px,1.25fr);gap:20px;padding:20px 0 30px;border-bottom:1px solid #eee}
.fv-detail__summary>div:not(.fv-detail__summary-action){display:flex;flex-direction:column;gap:8px;min-width:0}
.fv-detail__summary strong{font-size:14px}.fv-detail__summary span{color:#777;overflow-wrap:anywhere;font-size:14px}
.fv-detail__columns{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:48px;padding-top:26px;align-items:start}
.fv-detail__tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.fv-detail__tabs a{border:1px solid #dedede;padding:11px 15px;border-radius:5px;color:#111;text-decoration:none;font-size:14px;font-weight:600}
.fv-detail__tabs a:first-child{background:#eee}
.fv-detail__section{scroll-margin-top:80px;margin:0 0 46px}
.fv-detail__section h2,.fv-detail__related h2{font-size:20px;line-height:1.3;margin:0 0 18px;font-weight:700}
.fv-detail__description{font-size:16px;line-height:1.75;overflow-wrap:anywhere}
.fv-detail__preview-controls{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:15px}
.fv-detail__preview-controls label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;flex:1;min-width:180px}
.fv-detail__preview-controls input[type=text]{width:100%;border:1px solid #ddd;border-radius:4px;padding:12px;font:inherit}
.fv-detail__preview-controls input[type=range]{width:100%;accent-color:#111}
.fv-detail__preview-surface{background:#fff;border:1px solid #eee;border-radius:10px;padding:24px 20px;overflow:hidden}
.fv-detail__preview-sample{font-family:'FontsvaultPreview',sans-serif!important;font-size:64px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;min-height:90px}
.fv-detail__characters{font-family:'FontsvaultPreview',sans-serif;font-size:clamp(20px,3vw,34px);line-height:1.8;overflow-wrap:anywhere;background:#fafafa;padding:20px;border-radius:8px}
.fv-detail__muted{color:#777;font-size:14px;line-height:1.65}
.fv-detail__sidebar{display:flex;flex-direction:column;gap:15px;position:sticky;top:25px}
.fv-detail__btn{display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:49px;border:1px solid #d8d8d8;background:#fff;color:#222!important;text-decoration:none!important;font-size:14px;font-weight:700;padding:12px 16px;cursor:pointer;box-shadow:5px 5px 0 #eee;border-radius:0;font-family:inherit}
.fv-detail__btn--dark{border-color:#111;box-shadow:5px 5px 0 #111}
.fv-detail__btn--yellow{background:#ffd944;border-color:#ffd944;box-shadow:5px 5px 0 #d6a900}
.fv-detail__btn--green{border-color:#188157;color:#188157!important;box-shadow:5px 5px 0 #188157}
.fv-detail__btn:hover{transform:translate(-1px,-1px)}
.fv-detail__availability{font-size:13px;color:#777}
.fv-detail__related{background:#f6f6f6;padding:36px 24px;margin:20px 0 0}
.fv-detail__related-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fv-detail__related-card{display:flex;flex-direction:column;gap:15px;padding:20px;border:1px solid #c8c8c8;box-shadow:5px 5px 0 #e3e3e3;background:#fff;text-decoration:none!important;color:#111!important;min-width:0;overflow:hidden}
.fv-detail__related-card strong{font-size:16px}.fv-detail__related-card img{max-width:100%;max-height:110px;object-fit:contain}
.fv-detail__related-sample{display:block;font-size:40px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:800px){.fv-detail__columns{grid-template-columns:1fr;gap:24px}.fv-detail__sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}.fv-detail__summary{grid-template-columns:repeat(3,minmax(0,1fr))}.fv-detail__summary-action{grid-column:1/-1}.fv-detail__hero{padding:44px 16px}}
@media(max-width:520px){.fontsvault-single-font{width:calc(100% - 28px)}.fv-detail__summary{grid-template-columns:1fr 1fr;gap:18px}.fv-detail__sidebar{grid-template-columns:1fr}.fv-detail__related-list{grid-template-columns:1fr}.fv-detail__tabs a{font-size:12px;padding:9px 11px}.fv-detail__preview-sample{font-size:48px}}

.fv-detail__byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;color:#666}.fv-detail__categories,.fv-detail__tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fv-detail__categories a{color:inherit;text-decoration:underline;text-underline-offset:3px}.fv-detail__tags{margin:16px 0}.fv-detail__tags a{display:inline-block;padding:5px 12px;border:1px solid #dedede;border-radius:999px;text-decoration:none;font-size:14px}.fv-detail__tags a:hover,.fv-detail__tags a:focus-visible{background:#f2f2f2;color:#111}.fv-detail__gallery{display:grid;gap:24px;margin:24px 0 32px}.fv-detail__gallery figure{margin:0}.fv-detail__gallery img{display:block;width:100%;height:auto;border-radius:10px}.fv-detail__gallery figcaption{margin-top:8px;font-size:14px;color:#666}.fv-detail__gallery a:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* 1.3.3: reference-style heading, specimen carousel and metadata. */
.fontsvault-single-font{max-width:1110px;background:#f5f5f5;padding-top:0}
.fontsvault-single-font .fv-detail__hero{background:transparent;padding:88px 16px 92px;margin:0;text-align:center}
.fontsvault-single-font .fv-detail__hero h1{font-size:clamp(30px,4.6vw,60px);font-weight:400;letter-spacing:.055em;line-height:1.2;margin:8px 0 14px;overflow-wrap:anywhere}
.fv-detail__byline{justify-content:center;font-size:15px;line-height:1.6;margin:0;color:#777}
.fv-detail__byline>span:first-child>a{color:inherit;text-decoration:none}
.fv-detail__categories{display:inline-flex;justify-content:center;gap:5px}
.fv-detail__categories a,.fv-detail__tags a{color:#187ac2;text-decoration:none}
.fv-detail__categories a:hover,.fv-detail__tags a:hover{text-decoration:underline}
.fv-font-slider{margin:0 0 20px;min-width:0}
.fv-font-slider__viewport{border-radius:28px;overflow:hidden;background:#ececec;box-shadow:0 2px 9px #0002}
.fv-font-slider__slide{margin:0}
.fv-font-slider__slide[hidden],.fv-font-slider__controls[hidden]{display:none!important}
.fv-font-slider__slide>a{display:flex;align-items:center;justify-content:center;aspect-ratio:2.25;background:#ececec}
.fv-font-slider__slide img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.fv-font-slider__slide figcaption{padding:10px 16px;text-align:center;font-size:14px;color:#666;background:#fff}
.fv-font-slider__controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 0 4px}
.fv-font-slider__dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;max-width:calc(100% - 88px)}
button.fv-font-slider__dot{appearance:none;width:24px;height:28px;min-width:24px;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer;display:grid;place-items:center}
button.fv-font-slider__dot::before{content:'';width:13px;height:13px;background:#999;border-radius:50%}
button.fv-font-slider__dot[aria-pressed=true]::before{background:#333}
button.fv-font-slider__arrow{appearance:none;border:0;background:transparent;color:#666;width:32px;height:32px;padding:0;font-size:27px;line-height:1;cursor:pointer;box-shadow:none}
.fv-font-slider button:focus-visible,.fv-font-slider__slide>a:focus-visible{outline:2px solid #187ac2;outline-offset:2px}
.fontsvault-single-font .fv-detail__summary{padding-top:4px;border-bottom:0}
.fontsvault-single-font .fv-detail__tags{margin:0;gap:4px 10px;justify-content:flex-start}
.fontsvault-single-font .fv-detail__tags a{padding:0;border:0;border-radius:0;font-size:14px;line-height:1.6;background:transparent}
.fontsvault-single-font .fv-detail__tags a::before{content:'#'}
@media(max-width:800px){.fontsvault-single-font .fv-detail__hero{padding:48px 10px 52px}.fv-font-slider__slide>a{aspect-ratio:1.5}.fv-font-slider__viewport{border-radius:22px}}
@media(max-width:520px){.fontsvault-single-font .fv-detail__summary{grid-template-columns:1fr 1fr}.fontsvault-single-font .fv-detail__summary>div:nth-child(3){grid-column:1/-1}.fv-font-slider__controls{gap:4px;padding-top:14px}.fv-detail__byline{gap:4px}}
.fv-font-slider__viewport{touch-action:pan-y pinch-zoom}
@supports(-webkit-text-stroke:1px #111){.fontsvault-single-font .fv-detail__hero h1{color:#f5f5f5;-webkit-text-stroke:1px #111}}
.fontsvault-single-font .fv-detail__summary-action .fv-detail__btn{background:#fff;color:#111;border:1px solid #ddd;border-radius:0;box-shadow:5px 5px 0 #e1e1e1}

/* 1.3.5: one bright canvas and larger, readable descriptions. */
body.single-font{background:#fff}
body.single-font .site-content{background:#fff}
body.single-font .fontsvault-single-font{--fv-page-background:#fff;background:transparent;color:#202124}
.fontsvault-single-font .fv-detail__hero,.fontsvault-single-font .fv-detail__columns,.fontsvault-single-font .fv-detail__main,.fontsvault-single-font .fv-detail__section,.fontsvault-single-font .fv-detail__summary{background:transparent}
.fontsvault-single-font .fv-detail__description,.fontsvault-single-font .fv-detail__description p,.fontsvault-single-font .fv-detail__description li{font-size:18px;line-height:1.85;color:#333;font-weight:400}
.fontsvault-single-font .fv-detail__description p{margin:0 0 1.1em}
.fontsvault-single-font .fv-detail__section h2{font-size:24px;line-height:1.35;color:#171717;margin-bottom:18px}
.fontsvault-single-font .fv-detail__preview-surface{background:#fff;border:1px solid #e7e7e7}
.fontsvault-single-font .fv-font-slider__viewport,.fontsvault-single-font .fv-font-slider__slide>a{background:#fff}
.fontsvault-single-font .fv-detail__tabs a{background:#fff;border:1px solid #e0e0e0;color:#222}
.fontsvault-single-font .fv-detail__tabs a:hover,.fontsvault-single-font .fv-detail__tabs a:focus-visible{background:#f7f7f7}
@supports(-webkit-text-stroke:1px #111){.fontsvault-single-font .fv-detail__hero h1{color:var(--fv-page-background);-webkit-text-stroke:1px #111}}
@media(max-width:520px){.fontsvault-single-font .fv-detail__description,.fontsvault-single-font .fv-detail__description p,.fontsvault-single-font .fv-detail__description li{font-size:17px;line-height:1.8}.fontsvault-single-font .fv-detail__section h2{font-size:22px}}
