/* Approved card_connect_2 winner. Reading-sized desktop pages and uncut phone content. */
@font-face{font-family:'WT Serif Display';src:url('/fonts/print/NewsreaderDisplay-Regular.ttf');font-display:swap;font-weight:400}
@font-face{font-family:'WT Serif Text';src:url('/fonts/print/NewsreaderText-Regular.ttf');font-display:swap;font-weight:400}
.cc-host,.cc-dialog,.cc-setup{--cc-error:#b3261e;--cc-paper:#f6f1ea;--cc-ink:#1a1520;--cc-muted:#5e5569;--cc-line:#c2bdc6;--cc-teal:#2e685f;--cc-surface:#fff;--cc-d:#a24141;--cc-i:#8a6025;--cc-c:#3f6e94;--cc-s:#41794a;color:var(--cc-ink);font-family:'Inter',sans-serif;font-size:16px;line-height:1.5}
[data-theme='dark'] .cc-host,[data-theme='dark'] .cc-dialog,[data-theme='dark'] .cc-setup{--cc-error:#ffb4ab;--cc-paper:#211e26;--cc-ink:#f6f1ea;--cc-muted:#c9c0d0;--cc-line:#625969;--cc-teal:#8ac5b8;--cc-surface:#2e2933;--cc-d:#ff9994;--cc-i:#f2c577;--cc-c:#91c4eb;--cc-s:#a0d6a5}
.cc-host{width:100%;max-width:none!important;padding:0!important;}
.cc-host *,.cc-dialog *,.cc-setup *{box-sizing:border-box}
.cc-sheet{width:calc(100% - 64px);max-width:1100px;margin:32px auto;padding:30px 48px 40px;background:var(--cc-paper);border:1px solid var(--cc-line);}
.cc-sheet h1:not(.wc-face *),.cc-sheet h2:not(.wc-face *),.cc-sheet h3:not(.wc-face *){font-family:'WT Serif Display',serif;font-weight:400;line-height:1.06;letter-spacing:-.035em;margin:0;color:var(--cc-ink)}
.cc-sheet h1:not(.wc-face *){font-size:49px}.cc-sheet h2:not(.wc-face *){font-size:33px}
.cc-sheet p:not(.wc-face *){margin:0;color:inherit;max-width:none}.cc-sheet a{color:inherit;text-underline-offset:4px}
.cc-sheet section:not(.wc-face *){padding:0;min-height:0}.cc-sheet button,.cc-sheet input,.cc-sheet select,.cc-sheet textarea{font:inherit}
.cc-sheet button,.cc-sheet a,.cc-toggle{touch-action:manipulation}
.cc-sheet :focus-visible,.cc-setup :focus-visible{outline:3px solid var(--cc-teal);outline-offset:4px}
.cc-masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--cc-line)}
.cc-brand{font-family:'Outfit',sans-serif;font-size:25px;font-weight:700;letter-spacing:-1px;text-decoration:none}
.cc-label{font-family:'JetBrains Mono',monospace;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em;color:var(--cc-muted)!important}
.cc-body{padding-top:38px}.cc-rail{display:flex;align-items:center;gap:12px;margin-bottom:24px!important}.cc-rail:before{content:'';display:block;width:22px;height:2px;background:#c4554a}
.cc-btn{border:1px solid var(--cc-ink);background:transparent;color:var(--cc-ink);min-height:54px;padding:14px 18px;border-radius:3px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px!important;line-height:1.3;font-weight:600;text-decoration:none;width:100%;cursor:pointer}
.cc-primary{background:var(--cc-ink)!important;color:var(--cc-paper)!important}.cc-quiet{border-color:transparent}.cc-btn:disabled{opacity:.6;cursor:wait}.cc-small{font-size:13px!important;line-height:1.55!important;color:var(--cc-muted)!important}.cc-status:empty{display:none}.cc-status{margin-top:18px!important}
.cc-link,.cc-back{display:inline-flex;align-items:center;min-height:48px;color:var(--cc-teal)!important;text-decoration:underline;border:0;background:none;padding:0;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.cc-back{color:var(--cc-muted)!important;margin-top:12px}
.cc-photo:not(.wc-face *){border-radius:50%;background:var(--cc-surface);display:grid;place-items:center;flex:none;width:72px;height:72px;border:1px solid var(--cc-line);font-family:'JetBrains Mono',monospace;font-size:16px;overflow:hidden}
.cc-photo:not(.wc-face *) img{width:100%;height:100%;object-fit:cover}.cc-role{font-size:14px;margin:5px 0!important}.cc-type{font-size:14px;font-weight:500;margin-top:8px!important}
[data-type='D']{color:var(--cc-d)!important}[data-type='I']{color:var(--cc-i)!important}[data-type='C']{color:var(--cc-c)!important}[data-type='S']{color:var(--cc-s)!important}
.cc-type:before{content:'';display:inline-block;width:7px;height:7px;background:currentColor;border-radius:50%;margin-right:8px}
.cc-show{max-width:780px}.cc-show .cc-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:28px}.cc-owner-id{display:flex;text-align:left;gap:17px;align-items:center;max-width:100%}.cc-owner-id h2{font-size:37px}.cc-identity{min-width:0;overflow-wrap:normal}
.cc-qr{width:320px;height:320px;max-width:100%;position:relative;margin:26px 0 16px;flex:none;aspect-ratio:1}
.cc-bands{position:absolute;inset:0;width:100%;height:100%}.cc-bands path{stroke-linecap:round}.cc-bands [data-quadrant='D']{stroke:#e85d5d}.cc-bands [data-quadrant='I']{stroke:#e8a84d}.cc-bands [data-quadrant='C']{stroke:#5a9dd4}.cc-bands [data-quadrant='S']{stroke:#5dae6a}
.cc-qr-plate{position:absolute;inset:38px;background:white;border:1px solid #1a1520}.cc-qr-plate svg{display:block;width:100%;height:100%}
.cc-show-caption{font-family:'WT Serif Text',serif;font-size:23px;line-height:1.18;max-width:330px!important;margin-top:16px!important;letter-spacing:-.025em}.cc-code{margin-top:12px!important}.cc-show-actions{width:100%;max-width:380px;margin-top:26px}
.cc-scanner-grid{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:48px;padding:12px 0 24px}.cc-contact-card{text-align:center;min-width:0}.cc-portrait{width:194px;height:194px;position:relative;margin:0 auto 23px}.cc-portrait .cc-photo:not(.wc-face *){position:absolute;width:132px;height:132px;left:31px;top:31px;font-size:27px}.cc-contact-card h1{font-size:43px}
.cc-choices{border-left:1px solid var(--cc-line);padding-left:36px;display:grid;grid-template-columns:1.25fr 1fr;gap:13px 10px;align-content:center}.cc-test-note{grid-column:1/-1;grid-row:2}.cc-choices>.cc-link{grid-column:1/-1;grid-row:3}.cc-scanner-foot{border-top:1px solid var(--cc-line);padding-top:20px;text-align:center}.cc-scanner-foot>.cc-small{display:none}.cc-legend{margin-top:12px!important}
.cc-start-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center;padding:20px 0 40px}.cc-intro{font-size:18px;line-height:1.5;margin-top:27px!important;max-width:480px!important}.cc-start-copy>.cc-btn{max-width:360px;margin-top:26px}.cc-start-copy>.cc-small{max-width:350px;margin-top:14px}
.cc-connection{position:relative;height:285px}.cc-connection:before{content:'';height:1px;width:100%;background:var(--cc-line);position:absolute;top:50%}.cc-person{position:absolute;border:1px solid var(--cc-line);background:var(--cc-surface);border-radius:50%;width:166px;height:166px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.cc-person-owner{left:0;top:0;border-color:var(--cc-s);color:var(--cc-s)}.cc-person-you{right:0;bottom:0}.cc-person strong{font-family:'WT Serif Display',serif;font-weight:400;font-size:57px;line-height:1}.cc-person-you strong{font-size:43px}
.cc-result-top{color:var(--cc-teal)!important;font-weight:500;font-size:15px;padding-bottom:22px;border-bottom:1px solid var(--cc-line)}.cc-result-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;padding-top:40px;align-items:start}.cc-result-copy h1{font-size:47px}.cc-result-line{font-family:'WT Serif Text',serif;font-size:22px;margin-top:23px!important}.cc-result-mark{display:flex;align-items:center;margin-bottom:30px;height:120px}.cc-disc{width:120px;height:120px;display:grid;place-items:center;border:1px solid currentColor;background:var(--cc-surface);font-family:'WT Serif Display',serif;font-size:74px;line-height:1;border-radius:50%}.cc-disc-secondary{margin-left:-24px;width:94px;height:94px;align-self:flex-end;font-style:italic}
.cc-consent{border-top:3px solid var(--cc-teal);padding-top:24px}.cc-consent p{font-size:15px;line-height:1.65;margin-top:16px}.cc-consent .cc-btn{margin-top:16px}
.cc-input-label{display:block;font-size:13px;margin-top:18px}.cc-input{display:block;width:100%;color:var(--cc-ink);background:var(--cc-surface);border:1px solid var(--cc-line);border-radius:3px;min-height:48px;padding:10px 12px;margin-top:6px;color-scheme:light}
[data-theme='dark'] .cc-input{color-scheme:dark}.cc-form-layout{display:grid;grid-template-columns:.95fr 1.2fr;gap:65px;align-items:start}.cc-form-intro h1{font-size:48px}.cc-form-intro p{font-size:17px;margin-top:22px;max-width:340px}.cc-sharing-form{min-width:0}
.cc-field{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;border-bottom:1px solid var(--cc-line);padding:11px 0}.cc-field:first-of-type{border-top:1px solid var(--cc-line)}.cc-field-copy{min-width:0;flex:1;font-size:12px;color:var(--cc-muted)}.cc-field-value{display:block;font-size:15px!important;font-weight:500;overflow-wrap:anywhere;margin:2px 0 0;width:100%;min-width:0;color:var(--cc-ink);background:transparent;border:0;padding:0}.cc-field-value:focus{outline-offset:2px}.cc-field-photo{width:48px;height:48px;border-radius:50%;object-fit:cover}
.cc-toggle{flex:none;appearance:none;-webkit-appearance:none;width:46px;height:28px;border:1px solid var(--cc-line);background:var(--cc-line);border-radius:20px;position:relative;cursor:pointer;margin:0}.cc-toggle:before{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:var(--cc-surface)}.cc-toggle:checked{background:var(--cc-teal);border-color:var(--cc-teal)}.cc-toggle:checked:before{transform:translateX(18px)}.cc-toggle:disabled{opacity:.75;cursor:default}
.cc-check{display:flex;align-items:center;gap:12px;font-size:14px;min-height:52px;cursor:pointer}.cc-check input{accent-color:var(--cc-teal);width:22px;height:22px;flex:none;margin:0}.cc-sharing-form>.cc-small{margin-top:14px}.cc-sharing-form>.cc-btn{margin-top:20px}
.cc-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:26px}.cc-channels .cc-btn{padding:12px 5px;font-size:13px!important}.cc-share-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:40px;margin-top:26px}.cc-message-options{display:grid;gap:12px}.cc-message-choice{border:1px solid var(--cc-line);background:transparent;padding:18px;border-radius:3px}.cc-message-choice:has(input:checked){border-color:var(--cc-teal);background:var(--cc-surface)}.cc-message-choice label{display:flex;gap:12px;align-items:center;margin-bottom:8px;min-height:28px;cursor:pointer}.cc-message-choice input{accent-color:var(--cc-teal);width:18px;height:18px;margin:0}.cc-message{display:block;width:100%;resize:vertical;min-height:136px;border:0;background:transparent;color:var(--cc-ink);font-family:'WT Serif Text',serif!important;font-size:19px!important;line-height:1.4;overflow-wrap:anywhere}
/* CARD-SHARE-LINKS-LABELED-1016: the line under each message that says where its link leads. */
.cc-link-dest{margin:0 0 10px!important}
.cc-preview{border-top:1px solid var(--cc-ink);padding-top:18px}.cc-preview .cc-owner-id{margin-top:23px;display:block}.cc-preview .cc-photo:not(.wc-face *){margin-bottom:22px}.cc-preview .cc-owner-id h2{font-size:28px}.cc-preview-url{margin-top:16px!important;overflow-wrap:anywhere}
.cc-dialog{background:var(--cc-paper);max-width:min(1100px,100% - 24px);max-height:calc(100dvh - 24px);border:1px solid var(--cc-line);padding:16px;overflow:auto}.cc-dialog::backdrop{background:#1a1520a8}.cc-dialog .cc-sheet{width:100%;border:0;margin:0;padding:20px}
.cc-setup{padding:22px 16px}.cc-setup h2,.cc-setup h3{font-family:'WT Serif Display',serif;color:var(--cc-ink);font-weight:400;font-size:30px;line-height:1.15;margin:0 0 14px}.cc-setup h3{font-size:24px;margin-top:24px}.cc-setup .cc-small{margin:0 0 14px}.cc-setup .cc-input-label{margin-bottom:12px}.cc-manage{max-width:780px}.cc-manage>.cc-body>.cc-btn,.cc-waiting>.cc-body>.cc-btn,.cc-own-result>.cc-body>.cc-btn{margin-top:24px;max-width:440px}.cc-manage-fields{margin-top:24px}
@media(max-width:700px){.cc-sheet{width:100%;margin:0;border:0;padding:22px 16px 28px}.cc-masthead{padding-bottom:18px;gap:12px}.cc-brand{font-size:24px}.cc-masthead .cc-label{font-size:9.5px;max-width:125px}.cc-body{padding-top:26px}.cc-sheet h1:not(.wc-face *){font-size:39px}.cc-owner-id{gap:14px}.cc-owner-id h2{font-size:34px}.cc-owner-id .cc-photo:not(.wc-face *){width:59px;height:59px}.cc-owner-id .cc-role{font-size:13px}.cc-type{font-size:13px}.cc-qr{width:320px;max-width:100%;height:auto}.cc-show-actions{margin-top:24px}.cc-show .cc-back{margin-top:6px}.cc-scanner-grid{display:block;padding:0}.cc-portrait{width:180px;height:180px;margin-bottom:19px}.cc-portrait .cc-photo:not(.wc-face *){width:120px;height:120px;left:30px;top:30px}.cc-contact-card h1{font-size:40px}.cc-contact-card .cc-role{font-size:15px}.cc-choices{margin-top:28px;border-left:0;padding-left:0;gap:12px 10px}.cc-choices .cc-btn{font-size:14px!important;padding:14px 8px}.cc-scanner-foot{margin-top:23px}.cc-start-layout{display:flex;flex-direction:column-reverse;align-items:stretch;gap:28px;padding:0}.cc-start-copy h1{font-size:37px;line-height:1.08}.cc-start-copy .cc-intro{font-size:16px;margin-top:23px!important}.cc-start-copy>.cc-btn{margin-top:24px;max-width:none}.cc-start-copy>.cc-small{font-size:12px!important}.cc-connection{height:135px;width:235px;margin:0 auto 4px}.cc-person{width:112px;height:112px}.cc-person-you{width:104px;height:104px}.cc-person strong{font-size:45px}.cc-person-you strong{font-size:31px}.cc-person .cc-label{font-size:9.5px}.cc-result-top{font-size:14px;line-height:1.5;padding-bottom:20px}.cc-result-layout{display:block;padding-top:24px}.cc-result-mark{height:89px;margin-bottom:22px}.cc-disc{width:89px;height:89px;font-size:59px}.cc-disc-secondary{width:69px;height:69px;font-size:53px;margin-left:-17px}.cc-result-copy h1{font-size:37px;line-height:1.05}.cc-result-line{font-size:21px;margin-top:14px!important}.cc-consent{margin-top:22px;padding-top:20px}.cc-consent h2{font-size:28px}.cc-consent p{font-size:14px;line-height:1.6;margin-top:15px}.cc-form-layout{display:block}.cc-form-intro h1{font-size:39px}.cc-form-intro p{font-size:15px;margin-top:16px}.cc-sharing-form{margin-top:26px}.cc-field{min-height:69px}.cc-field-value{font-size:14px!important}.cc-sharing-form>.cc-small{font-size:12px!important}.cc-channels{gap:6px;margin-top:24px}.cc-channels .cc-btn{font-size:12px!important;padding:13px 3px;min-height:50px}.cc-share-layout{display:flex;flex-direction:column;gap:29px;margin-top:25px}.cc-message-choice{padding:16px 14px}.cc-message{font-size:18px!important;min-height:150px}.cc-preview .cc-owner-id{display:flex}.cc-preview .cc-photo:not(.wc-face *){width:48px;height:48px;margin:0}.cc-preview .cc-owner-id h2{font-size:24px}.cc-dialog{padding:10px}.cc-dialog .cc-sheet{padding:16px}.cc-input[type='date']{max-width:100%;min-width:0}}
.cc-details{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;font-size:13px;margin-top:20px;overflow-wrap:anywhere}
.gl-page:has(.cc-host){max-width:none;width:100%;padding:0}.gl-page:has(.cc-host)>.gl-top{display:none}
.wc:has(>.cc-sheet){max-width:none;width:100%;padding:0}.wc.cc-host{padding:0!important;margin:0;}
/* Card line-icon rules must never stroke the QR's filled modules. */
.cc-qr-plate svg,.cc-qr-plate svg *{stroke:none!important}

.wt-card-body:has(.cc-sheet) .cc-masthead>.cc-label{margin-right:30px}

/* Prose wraps between words; contact values and URLs retain their own wrapping rules. */
.cc-sheet h1:not(.wc-face *),.cc-sheet h2:not(.wc-face *),.cc-sheet h3:not(.wc-face *),.cc-sheet p:not(.cc-preview-url),.cc-sheet .cc-label,.cc-sheet .cc-btn,.cc-sheet .cc-link,.cc-sheet .cc-back,.cc-setup h2,.cc-setup h3,.cc-setup p,.cc-setup label,.cc-message{word-break:normal;overflow-wrap:normal;hyphens:none}

/* The card visitor's offer follows the free result summary, before scores and report actions. */
[data-cc-inline]{text-align:left}
.cc-result-inline{width:100%;margin:24px 0;padding:24px}
.cc-result-inline .cc-body,.cc-result-inline .cc-result-layout{padding-top:0}
.cc-result-inline .cc-result-layout{display:flex;flex-direction:column;gap:0}
.cc-result-inline .cc-consent{width:100%;margin-top:0}
.cc-result-collapsed{width:100%;margin:16px 0;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-result-collapsed p{font-size:14px}
.cc-result-collapsed .cc-back{margin:0;flex:none}

.cc-saved-card { width:min(358px,100%); text-align:left; }
.cc-saved-card > .wc-face { width:100%; }
@media(max-width:700px){
  .cc-guest .cc-scanner-grid{display:flex;flex-direction:column;align-items:stretch}
  .cc-guest .cc-choices{margin-top:0;margin-bottom:24px}
}
/* The first-name field on Share my card: a neutral focus ring; the error color only after a failed submit (the lead, 6:2x PM October 3). */
.cc-sharing-form .wc-fld input:focus{border-color:var(--cc-ink)}
.cc-sharing-form .wc-fld input[aria-invalid='true']{border-color:#b3261e}
/* AGE-CONSENT-HIDDEN-1009: a refused comparison tap shows its message in the error style, and the message and "Not now" stop above
   the phone's bottom bar when the page scrolls to them. */
.cc-status.cc-alert{color:var(--cc-error)!important;font-weight:600;font-size:15px!important}
.cc-consent .cc-check input[aria-invalid='true']{outline:2px solid var(--cc-error);outline-offset:2px}
.cc-consent>.cc-status,.cc-consent>.cc-btn{scroll-margin-bottom:calc(var(--wt-bottom-inset,var(--wt-bottom-height,0px)) + var(--wt-consent-height,0px) + 24px)}
.cc-result-inline .cc-consent{padding-bottom:8px}
/* JESS-CARD-EDITOR-SIMPLER-1010: the share dialog's close control, an x at the top right that stays in view while the kit scrolls. */
.cc-dialog .cc-close-x{position:sticky;top:0;float:right;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 0 4px 8px;padding:0;border:1px solid var(--cc-line);border-radius:999px;background:var(--cc-paper);color:var(--cc-ink);font-size:28px;line-height:1;cursor:pointer}
.cc-dialog .cc-close-x:focus-visible{outline:3px solid var(--cc-teal);outline-offset:3px}
/* CARD-FIRST-ACTION-1011: a first-time visitor's first screen carries one action at full width with its two notes under it.
   Save contact and Share your details follow the card face under "Keep in touch with {name}", in one plain link style. */
.cc-guest .cc-choices{grid-template-columns:1fr}
.cc-guest .cc-choices>*{grid-column:1/-1;grid-row:auto}
.cc-guest .cc-choices>.cc-btn{width:100%;max-width:none}
.cc-guest .cc-choices>.cc-small{margin-top:0;max-width:none}
.cc-keep{border-top:1px solid var(--cc-line);margin-top:24px;padding:18px 0 8px;display:flex;flex-direction:column;align-items:flex-start}
.cc-keep>.cc-link{font-size:15px!important;grid-column:auto;grid-row:auto}
.cc-keep>.cc-small{margin-top:0}
/* R41-SHOW-SHORT-1014: on a short phone Share sits in the masthead row of Show (card-connect.js show()). */
.cc-show--top .cc-masthead>[data-presentation-share]{width:auto;min-height:44px;margin:0 0 0 auto;padding:10px 16px;font-size:14px;white-space:nowrap}.cc-show--top .cc-masthead>.cc-label{display:none}
.cc-guest .cc-scanner-grid{display:block;padding-bottom:8px}
.cc-guest .cc-keep{align-items:stretch;border-top:0;margin-top:8px;padding-top:0;gap:10px}
.cc-guest .cc-keep>.cc-btn{width:100%;max-width:none}
.cc-guest .cc-choices{border-left:0;padding-left:0;border-top:1px solid var(--cc-line);margin-top:24px;padding-top:18px;gap:4px}
.cc-guest .cc-choices>.cc-test-link{width:auto;justify-self:start;font-size:15px!important}
.cc-guest .cc-scanner-foot .cc-own-invite{margin:0;font-size:13px!important;line-height:1.55!important;color:var(--cc-muted)!important}
.cc-guest .cc-masthead:not(:has(.cc-brand)){justify-content:flex-start}
.cc-foot-brand{display:inline-block;font-size:13px!important;color:var(--cc-muted)!important;margin-top:8px}
/* The lead, October 17: on an iPhone the card and both ways to keep in touch show before the fold. The face is drawn at its usual layout and
   shown at two thirds of that size (zoom keeps its text wrapping and its shape), and the guest sheet drops its masthead (the rail already says whose card it is). */
.cc-guest .cc-masthead{display:none}
.cc-guest .cc-saved-card{margin:0 auto}
@media(max-width:700px){.cc-guest .cc-body{padding-top:4px}.cc-guest .cc-saved-card{width:min(358px,100%);zoom:.66}.cc-guest .cc-scanner-grid{padding-top:4px}}
/* CARD-FOLD-TALL-FACE-1017: on a short phone screen (an iPhone's 664 px window with the browser bars) a face with a photo block, a
   company, a how-to line and printed scores still pushed Save contact past the fold at two thirds; there it shows at 0.6. */
@media(max-width:700px) and (max-height:760px){.cc-guest .cc-saved-card{zoom:.6}}