/* Shared preview switcher; each direction has its own layout and type hierarchy. */
.trust-preview { display: flex; gap: 7px; align-items: center; padding: 12px var(--gutter); border-bottom: 1px solid var(--rule); background: var(--sheet); font-size: 12px; }
.trust-preview > span { color: var(--ink-2); margin-right: 20px; }
.trust-preview a { padding: 7px 12px; border-radius: 4px; transition: background .15s; }
.trust-preview a[aria-current] { background: var(--ink); color: var(--sheet); }
.trust-preview a:hover:not([aria-current]) { background: var(--sheet-2); }
.trust-page { max-width: 1240px; margin: auto; padding: 36px var(--gutter) 80px; }
.trust-small { font-size: 12px; color: var(--ink-2); margin: 0 0 14px; }
.trust-page h1,.trust-page h2,.trust-page h3,.trust-page p { text-wrap: pretty; }
.trust-page a:not(.trust-mag-title a) { text-underline-offset: 4px; }
.trust-data-message { padding: 25px; font-size: 14px; color: var(--ink-2); }
/* Product: a compact, explorable explanation next to actual catalogue scores. */
.trust-product-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 32px; }
.trust-product-header h1 { font-size: 36px; letter-spacing: -.04em; line-height: 1.15; font-weight: 600; margin: 0 0 13px; }
.trust-product-header p:last-child { color: var(--ink-2); margin: 0; font-size: 15px; }
.trust-product-header > a { font-size: 13px; text-decoration: underline; white-space: nowrap; }
.trust-workbench { background: var(--sheet); border: 1px solid var(--rule); border-radius: 8px; overflow: hidden; }
.trust-workbench-heading { display: flex; justify-content: space-between; gap: 20px; padding: 20px 24px; border-bottom: 1px solid var(--rule); align-items: center; }
.trust-workbench-heading h2 { font-size: 16px; font-weight: 600; margin: 0; }
.trust-workbench-heading > span { font-size: 12px; color: var(--ink-2); }
.trust-workbench-grid { display: grid; grid-template-columns: 250px 1fr; min-height: 360px; }
.trust-check-nav { padding: 14px; border-right: 1px solid var(--rule); background: var(--sheet-2); }
.trust-check-nav button { width: 100%; display: flex; justify-content: space-between; gap: 12px; text-align: left; border: 0; border-radius: 4px; padding: 14px 12px; background: transparent; font-size: 14px; margin-bottom: 3px; }
.trust-check-nav button[aria-pressed="true"] { background: var(--cobalt-wash); color: var(--cobalt); font-weight: 600; }
.trust-check-nav button:hover { background: var(--rule); }
.trust-check-nav button[aria-pressed="true"]:hover { background: var(--cobalt-wash); }
.trust-check-nav button:active { transform: translateY(1px); }
.trust-check-detail { padding: 30px 36px; }
.trust-detail-type { font-size: 11px; color: var(--cobalt); }
.trust-check-detail h3 { font-size: 26px; font-weight: 550; letter-spacing: -.03em; line-height: 1.2; margin: 11px 0 17px; }
.trust-check-detail > p { font-size: 14px; color: var(--ink-2); line-height: 1.7; max-width: 76ch; }
.trust-check-detail .trust-detail-intro { color: var(--ink); font-size: 15px; }
.trust-detail-notes { border-top: 1px solid var(--rule); padding-top: 20px; margin: 24px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.trust-detail-notes dt { font-size: 12px; font-weight: 600; margin-bottom: 7px; }
.trust-detail-notes dd { font-size: 12px; color: var(--ink-2); line-height: 1.6; margin: 0; }
.trust-live-section { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; padding: 44px 0; }
.trust-live-section > div:first-child { padding-top: 10px; }
.trust-product h2 { font-size: 22px; letter-spacing: -.03em; font-weight: 550; margin-top: 0; }
.trust-live-section p,.trust-product-bottom p { font-size: 14px; color: var(--ink-2); line-height: 1.75; max-width: 58ch; }
.trust-live-example { background: var(--sheet); border: 1px solid var(--rule); padding: 20px 24px; border-radius: 8px; }
.trust-example-product { display: grid; grid-template-columns: 60px 1fr auto; align-items: center; gap: 16px; padding-bottom: 16px; }
.trust-example-product img { width: 60px; height: 72px; object-fit: contain; background: #fff; }
.trust-example-product > div > span { color: var(--ink-2); font-size: 12px; display: block; margin-bottom: 5px; }
.trust-example-product a { font-size: 15px; font-weight: 600; }
.trust-example-total { font: 500 27px var(--f-code); }.trust-example-total small { display: block; text-align: right; font-size: 11px; color: var(--ink-3); }
.trust-live-example dl { margin: 0 0 15px; }.trust-live-example dl > div { display: flex; justify-content: space-between; gap: 15px; padding: 8px 5px; border-top: 1px solid var(--rule); font-size: 12px; }.trust-live-example dl > div.on { color: var(--cobalt); background: var(--cobalt-wash); }.trust-live-example dd { margin: 0; font-family: var(--f-code); }.trust-live-example dd span { color: var(--ink-3); font-size: 10px; }.trust-example-link { font-size: 12px; text-decoration: underline; }
.trust-example-skeleton { padding: 20px; border: 1px solid var(--rule); border-radius: 8px; }.trust-example-skeleton .skel { height: 65px; margin-bottom: 20px; }.trust-example-skeleton .skel:not(:first-child) { height: 100px; }
.trust-product-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; border-top: 1px solid var(--rule); padding-top: 32px; }.trust-product-bottom a { color: var(--cobalt); font-size: 13px; text-decoration: underline; }
/* Magazine: a photographic cover and an article with a clear reading rhythm. */
.trust-magazine { max-width: 1300px; padding-top: 25px; }
.trust-mag-masthead { display: flex; justify-content: space-between; gap: 20px; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--rule); padding: 14px 0; font-size: 12px; }
.trust-mag-opening { display: grid; grid-template-columns: 1.3fr 1fr; gap: 36px; padding: 35px 0; }
.trust-mag-title { align-self: center; padding: 30px 0; }.trust-mag-title h1 { font: 500 clamp(44px,5.5vw,77px)/.98 var(--f-ui); font-variation-settings: "wdth" 88; letter-spacing: -.06em; margin: 0 0 28px; }.trust-mag-title p { font: 400 23px/1.4 var(--f-read); max-width: 27ch; margin: 0; }
.trust-mag-photo { margin: 0; min-width: 0; background: var(--sheet); }.trust-mag-photo > .skel { height: 370px; }.trust-mag-bottle { height: 370px; background: #fff; overflow: hidden; display: grid; place-items: center; }.trust-mag-bottle img { width: 80%; height: 310px; object-fit: contain; transform: rotate(-9deg); }.trust-mag-photo figcaption { display: flex; justify-content: space-between; gap: 15px; padding: 15px 18px; font-size: 11px; color: var(--ink-2); border-top: 1px solid var(--rule); }.trust-mag-photo figcaption a { max-width: 27ch; color: var(--ink); }
.trust-mag-deck { display: grid; grid-template-columns: 1.3fr 1fr; gap: 36px; border-block: 1px solid var(--ink); padding: 23px 0; }.trust-mag-deck p { margin: 0; font: 400 19px/1.6 var(--f-read); max-width: 55ch; }.trust-mag-deck p:last-child { color: var(--ink-2); }
.trust-mag-feature { display: grid; grid-template-columns: 1fr 1.1fr; gap: 80px; padding: 65px 0; border-bottom: 1px solid var(--rule); }.trust-mag-feature h2 { font: 400 45px/1.05 var(--f-read); letter-spacing: -.03em; margin: 0; }.trust-mag-feature p,.trust-mag-testing p,.trust-mag-other p,.trust-mag-final p { font: 400 17px/1.7 var(--f-read); }.trust-mag-feature > div p:first-child { margin-top: 0; }.trust-mag-feature a { font-size: 12px; color: var(--cobalt); text-decoration: underline; }
.trust-mag-testing { display: grid; grid-template-columns: 155px 1fr; gap: 45px; padding: 50px 0; }.trust-mag-margin { font-size: 12px; color: var(--ink-2); padding-top: 6px; }.trust-mag-testing h2,.trust-mag-other > h2 { font-size: 32px; letter-spacing: -.035em; font-weight: 550; margin: 0 0 20px; }.trust-mag-testing > div > p { max-width: 60ch; }.trust-mag-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 38px; margin-top: 30px; }.trust-mag-columns h3 { font-size: 15px; border-top: 1px solid var(--ink); padding-top: 16px; font-weight: 600; }.trust-mag-columns p { color: var(--ink-2); }
.trust-mag-other { padding: 40px 0 15px; border-top: 1px solid var(--ink); }.trust-mag-other > section { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; padding: 20px 0; border-top: 1px solid var(--rule); }.trust-mag-other h3 { font: 400 26px var(--f-read); margin: 14px 0; }.trust-mag-other p { max-width: 65ch; }
.trust-mag-preference { padding: 25px 0; border-block: 1px solid var(--ink); display: flex; gap: 40px; justify-content: space-between; align-items: center; }.trust-mag-preference p { margin: 0; font: italic 23px var(--f-read); }.trust-mag-preference span { color: var(--ink-2); max-width: 50ch; font-size: 13px; line-height: 1.7; }
.trust-mag-final { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding: 45px 0; }.trust-mag-final h2 { font-weight: 550; font-size: 20px; }.trust-mag-final p { color: var(--ink-2); }.trust-mag-footer { border-top: 2px solid var(--ink); padding-top: 18px; display: flex; justify-content: space-between; font-size: 12px; }.trust-mag-footer a { text-decoration: underline; }
/* About: a personal note, distinct from a methodology table or publication cover. */
.trust-about { max-width: 1100px; padding-top: 46px; }
.trust-about-heading { max-width: 750px; padding-bottom: 35px; }.trust-about-heading h1 { font-size: 52px; font-weight: 500; line-height: 1.1; letter-spacing: -.05em; margin: 20px 0; }.trust-about-heading > p { font-size: 20px; line-height: 1.6; color: var(--ink-2); max-width: 47ch; }
.trust-about-layout { display: grid; grid-template-columns: 220px 1fr; gap: 50px; align-items: start; }
.trust-about-sidebar { padding-top: 30px; }.trust-about-sidebar nav { display: flex; flex-direction: column; gap: 14px; font-size: 13px; }.trust-about-sign { display: block; font: italic 24px var(--f-read); margin-top: 42px; color: var(--ink-2); }
.trust-about-letter { background: var(--sheet); padding: 45px 50px 38px; border: 1px solid var(--rule); border-top: 3px solid var(--ink); box-shadow: 5px 5px 0 var(--rule); scroll-margin-top: 90px; }.trust-about-letter h2 { font: 400 27px/1.25 var(--f-read); margin: 0 0 24px; letter-spacing: -.02em; }.trust-about-letter h2:not(:first-child) { margin-top: 38px; }.trust-about-letter p { font: 400 17px/1.75 var(--f-read); margin: 0 0 20px; }.trust-about-letter .trust-about-letter-end { color: var(--ink-2); font-style: italic; margin-top: 30px; }
.trust-about-method { margin-top: 65px; display: grid; grid-template-columns: 220px 1fr; gap: 50px; scroll-margin-top: 90px; }.trust-about-method header h2 { font-size: 23px; font-weight: 550; letter-spacing: -.03em; margin: 0 0 15px; }.trust-about-method header p { color: var(--ink-2); font-size: 13px; line-height: 1.7; }.trust-about-method section { border-top: 1px solid var(--rule); padding: 23px 0; }.trust-about-method section h3 { margin: 0 0 12px; font-size: 17px; font-weight: 600; }.trust-about-method section p { font-size: 14px; line-height: 1.8; color: var(--ink-2); max-width: 65ch; }
.trust-about-limits { display: grid; grid-template-columns: 220px 1fr; gap: 50px; border-top: 1px solid var(--ink); padding-top: 30px; margin-top: 30px; scroll-margin-top: 90px; }.trust-about-limits h2 { font-size: 23px; font-weight: 550; margin: 0; letter-spacing: -.03em; }.trust-about-limits p { font: 400 17px/1.75 var(--f-read); margin-top: 0; }.trust-about-limits h3 { font-size: 17px; font-weight: 550; margin-top: 30px; }
.trust-about-footer { display: flex; justify-content: space-between; gap: 30px; align-items: center; border-top: 1px solid var(--rule); margin-top: 40px; padding-top: 25px; font-size: 13px; color: var(--ink-2); }.trust-about-footer a { color: var(--cobalt); text-decoration: underline; }
@media (max-width:1100px) { .nav a { padding-inline: 9px; }.trust-mag-title h1 { font-size: 61px; } }
@media (max-width:900px) { .trust-workbench-grid { grid-template-columns:210px 1fr; }.trust-check-detail { padding:25px; }.trust-mag-feature { gap:40px; }.trust-about-layout,.trust-about-method,.trust-about-limits { grid-template-columns:170px 1fr; gap:30px; }.trust-about-letter { padding:30px; }.trust-mag-title h1 { font-size:52px; }.trust-live-section,.trust-product-bottom { gap:35px; } }
@media (max-width:700px) {
  .trust-preview { padding:10px 14px; gap:4px; flex-wrap:wrap; }.trust-preview > span { width:100%; margin:0 0 3px; }.trust-preview a { padding:7px 9px; font-size:11px; }
  .trust-page { padding:28px 20px 55px; }.trust-product-header { display:block; }.trust-product-header h1 { font-size:30px; }.trust-product-header > a { display:inline-block; margin-top:16px; }
  .trust-workbench-heading { display:block; padding:18px; }.trust-workbench-heading > span { display:block; margin-top:8px; }.trust-workbench-grid { grid-template-columns:1fr; }.trust-check-nav { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:10px; border-right:0; border-bottom:1px solid var(--rule); }.trust-check-nav button { font-size:12px; padding:11px 8px; margin:0; }.trust-check-detail { padding:24px 18px; }.trust-check-detail h3 { font-size:23px; }.trust-detail-notes { grid-template-columns:1fr; gap:17px; }
  .trust-live-section,.trust-product-bottom { grid-template-columns:1fr; gap:25px; }.trust-live-section { padding-block:30px; }.trust-live-example { padding:18px; }.trust-example-product { grid-template-columns:50px 1fr auto; gap:12px; }.trust-example-product img { width:50px; }.trust-example-total { font-size:22px; }.trust-product-bottom h2 { font-size:21px; }
  .trust-mag-masthead { font-size:10px; }.trust-mag-opening { grid-template-columns:1fr; gap:20px; padding:25px 0; }.trust-mag-title { padding:10px 0; }.trust-mag-title h1 { font-size:54px; }.trust-mag-title p { font-size:21px; }.trust-mag-bottle { height:290px; }.trust-mag-bottle img { height:235px; }.trust-mag-photo > .skel { height:290px; }.trust-mag-deck { grid-template-columns:1fr; gap:15px; }.trust-mag-feature { grid-template-columns:1fr; gap:25px; padding-block:35px; }.trust-mag-feature h2 { font-size:37px; }.trust-mag-testing { grid-template-columns:1fr; gap:18px; padding-block:35px; }.trust-mag-testing h2 { font-size:28px; }.trust-mag-columns { grid-template-columns:1fr; gap:12px; }.trust-mag-other > section { grid-template-columns:1fr; gap:0; }.trust-mag-other h3 { font-size:24px; }.trust-mag-other > h2 { font-size:28px; }.trust-mag-preference { flex-direction:column; align-items:flex-start; gap:12px; }.trust-mag-final { grid-template-columns:1fr; gap:20px; padding-block:30px; }
  .trust-about-heading h1 { font-size:43px; }.trust-about-heading > p { font-size:18px; }.trust-about-layout,.trust-about-method,.trust-about-limits { grid-template-columns:1fr; gap:22px; }.trust-about-sidebar { padding:0 0 20px; }.trust-about-sidebar .trust-small,.trust-about-sign { display:none; }.trust-about-sidebar nav { flex-direction:row; flex-wrap:wrap; font-size:12px; gap:12px 20px; }.trust-about-letter { padding:28px 22px; }.trust-about-letter h2 { font-size:25px; }.trust-about-method { margin-top:40px; }.trust-about-method section:first-child { padding-top:18px; }.trust-about-footer { flex-direction:column; align-items:flex-start; gap:15px; }
}