.skin-visit-picker{margin:20px 0 26px}.skin-visit-picker label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}.skin-visit-picker select{width:100%;min-height:50px;border:1px solid #94b4d3;border-radius:9px;background:#fff;padding:12px;color:#174e80;font-size:16px}.skin-type-cover{border:1px solid #9abbd7;border-radius:22px 22px 6px 6px;background:linear-gradient(135deg,#e9f5ff,#fff);padding:22px 20px 0;text-align:center;overflow:hidden;box-shadow:5px 5px 0 #dcebf7;margin:0 3px 38px 0}.skin-cover-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:27px;color:#286399}.skin-cover-top span{font-weight:700}.skin-type-cover>small{font:700 11px/1.6 Arial;letter-spacing:.17em;color:#527898}.skin-type-cover h2{display:flex;justify-content:center;gap:8px;margin:17px 0}.skin-type-cover h2 span{display:grid;place-items:center;background:var(--axis-pale);color:var(--axis);border-bottom:3px solid var(--axis);border-radius:9px;font:800 clamp(30px,9vw,48px)/1.5 Arial;width:58px;max-width:22%}.skin-type-cover h2 .no-type{font-size:20px;width:auto;max-width:100%;color:#547594}.skin-type-cover>p{font-size:15px;line-height:1.8}.skin-cover-note{margin:23px -20px 0;padding:13px 18px;background:#dceefc;color:#265e8e;font-size:13px;border-top:1px dashed #accbe2}.skin-detail-heading{text-align:center;margin-bottom:27px}.skin-detail-heading>span{font:700 11px/1.5 Arial;letter-spacing:.12em;color:#497aa3}.skin-detail-heading h2{font-size:24px;line-height:1.7;margin:12px 0}.skin-detail-heading p{font-size:13px;line-height:1.8;color:#526b80}.skin-axis{padding:19px 0 22px;border-top:1px solid #d9e4ed}.skin-axis h3{display:flex;align-items:center;gap:10px;font-size:15px;color:#24465d;margin:0 0 15px}.skin-axis h3>span{font:700 11px/1 Arial;color:var(--axis);background:var(--axis-pale);border-radius:50%;padding:9px}.axis-pair{display:grid;grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr);gap:5px;align-items:stretch}.axis-side{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dbe2e7;border-radius:12px;background:#fafcfd;min-height:123px;padding:12px 5px;color:#657888;text-align:center;box-sizing:border-box}.axis-side>b{font:800 29px/1.2 Arial;margin-bottom:8px}.axis-side>span{font-size:12px;line-height:1.65}.axis-side.is-selected{border:2px solid var(--axis);background:var(--axis-pale);color:var(--axis)}.axis-side>small{font-size:10px;font-weight:700;margin-top:9px}.axis-versus{align-self:center;text-align:center;color:#8da0ae;font-size:16px}.axis-unread{font-size:12px;color:#6d7882}.skin-type-footnote{font-size:11px;line-height:1.9;color:#677b8b;margin:12px 0 30px}@media(min-width:600px){.axis-side>span{font-size:15px}.axis-side>small{font-size:12px}.skin-type-cover h2 span{width:75px}.skin-type-detail{padding:0 25px}}

/* Paired labels with a common, centred 0–100 scale on each side. */
.bar-labels{display:flex;justify-content:space-between;gap:14px}.bar-labels .axis-side{border:0;background:none;min-height:0;padding:0;align-items:flex-start;text-align:left;max-width:48%;box-shadow:none}.bar-labels .axis-side:last-child{align-items:flex-end;text-align:right}.bar-labels .axis-side>b{font-size:25px;line-height:1.5;border-radius:50%;min-width:40px;text-align:center;margin-bottom:4px}.bar-labels .axis-side.is-selected>b{background:var(--axis-pale);color:var(--axis);box-shadow:inset 0 0 0 1px var(--axis)}.bar-labels .axis-side>span{font-size:12px;line-height:1.8}.bar-row{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center;margin-top:15px;color:var(--axis);font:700 14px/1.5 Arial}.bar-row>span:last-child{text-align:right}.axis-track{position:relative;background:#edf0f3;height:15px;border-radius:20px}.axis-track:after{content:'';position:absolute;left:50%;top:-8px;bottom:-8px;border-left:1px dashed #aab8c5}.axis-track i{position:absolute;top:0;height:100%;background:var(--axis);display:block}.bar-left{right:50%;border-radius:20px 0 0 20px}.bar-right{left:50%;border-radius:0 20px 20px 0}.skin-subcodes{display:flex;justify-content:center;gap:10px;margin:-3px 0 18px}.skin-subcodes span{font:700 20px/1.5 Arial;color:#3d668a;border-bottom:1px solid #9abbd7;padding:0 8px}.sub-heading{margin-top:34px}.sub-heading h2{font-size:20px}.skin-axis{padding:20px 3px 25px}.skin-type-footnote{line-height:1.9}

/* Letter readability: decorative asterisks are removed, original text is untouched. */
.letter-edition .letter-body .letter-salutation::after,
.letter-edition .letter-body .letter-chapter::after{content:none;display:none}
.letter-edition .letter-body>p{margin-left:14px;margin-right:14px}
@media(min-width:700px){.letter-edition .letter-body>p{margin-left:28px;margin-right:28px}}

/* Keep the type comparison comfortably inside the mobile page. */
.skin-type-detail{padding-inline:clamp(18px,5vw,28px)}

.skin-followup-note{padding-inline:clamp(18px,5vw,28px);box-sizing:border-box}