/* Clubs: homepage palette, compact functional panels and independently expanding cards. */
.clubs-premium .pf-focus-top>span{font-family:inherit;font-size:13px;font-weight:700;line-height:1.5;color:var(--cf-gold);-webkit-text-fill-color:var(--cf-gold)}
.cl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.cl-cards .pf-focus{padding:27px;min-width:0}.cl-cards .pf-focus .button{width:100%;margin-top:18px}.cl-cards .pf-focus h3{font-size:25px;line-height:1.3;margin:18px 0}.cl-cards .cf-copy{margin:0 0 20px}.clubs-premium .button-secondary{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--cf-line);background:var(--cf-deep);border-radius:13px;padding:13px 18px;min-height:46px;color:var(--cf-ink);-webkit-text-fill-color:var(--cf-ink);font-weight:700;font-size:13px;text-align:center;text-decoration:none}.clubs-premium .button-secondary:visited{color:var(--cf-ink);-webkit-text-fill-color:var(--cf-ink)}.clubs-premium .button-secondary:hover,.clubs-premium .button-secondary:active{background:var(--cf-surface);border-color:var(--cf-gold)}.clubs-premium .button-secondary:focus-visible{outline:3px solid var(--cf-gold);outline-offset:3px}
.cl-example{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;padding:28px}.cl-example h3{font-size:27px;line-height:1.35;margin:16px 0}.cl-example-facts{display:grid;gap:16px}.cl-fact{display:flex;gap:14px;border:1px solid var(--cf-line);border-radius:16px;padding:17px;background:var(--cf-deep)}.cl-fact>.art{width:34px;height:40px;object-fit:contain;flex:none}.cl-fact strong{font-size:14px;color:var(--cf-gold);-webkit-text-fill-color:var(--cf-gold)}.cl-fact p{font-size:14px;line-height:1.75;color:var(--cf-copy);-webkit-text-fill-color:var(--cf-copy);margin:8px 0 0}.cl-example-actions{display:flex;gap:12px;flex-wrap:wrap}.cl-example-actions>.button{flex:1 1 210px}
.cl-tool{max-width:1120px;margin:auto;padding:28px}.cl-tool fieldset{border:0;padding:0;margin:0;min-width:0}.cl-tool legend{font-size:15px;line-height:1.6;font-weight:700;color:var(--cf-ink);padding:0;margin:0 0 16px}.cl-form-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.cl-options{display:flex;flex-wrap:wrap;gap:10px}.cl-options label,.cl-checks label{position:relative;cursor:pointer}.cl-options input,.cl-checks input{position:absolute;width:1px;height:1px;opacity:0}.cl-options span{display:block;padding:12px 15px;border:1px solid var(--cf-line);border-radius:12px;background:var(--cf-deep);font-size:14px;line-height:1.6;color:var(--cf-ink);-webkit-text-fill-color:var(--cf-ink)}.cl-options input:checked+span{background:#ffd28b;border-color:#ffd28b;color:#402614;-webkit-text-fill-color:#402614}.cl-options input:focus-visible+span,.cl-checks input:focus-visible+span{outline:3px solid var(--cf-gold);outline-offset:3px}.cl-options label:hover span,.cl-checks label:hover span{border-color:var(--cf-gold)}.cl-checks{display:grid;gap:10px}.cl-checks span{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--cf-line);border-radius:13px;background:var(--cf-deep);font-size:14px;line-height:1.6;color:var(--cf-ink);-webkit-text-fill-color:var(--cf-ink)}.cl-checks i{display:grid;place-items:center;width:22px;height:22px;flex:none;border:1px solid var(--cf-line);border-radius:7px;font-style:normal}.cl-checks input:checked+span{border-color:var(--cf-gold);background:var(--cf-surface)}.cl-checks input:checked+span i{background:#ffd28b;color:#402614;-webkit-text-fill-color:#402614}.cl-checks input:checked+span i:after{content:'✓'}
.cl-result{margin-top:26px;padding-top:24px;border-top:1px solid var(--cf-line)}.cl-result h3{font-size:26px;line-height:1.35;margin:14px 0}.cl-selection{font-size:14px;line-height:1.75;color:var(--cf-copy);-webkit-text-fill-color:var(--cf-copy);margin:16px 0}.cl-output{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cl-tool-travel .cl-output{grid-template-columns:repeat(3,minmax(0,1fr))}.cl-output-card{padding:20px;border:1px solid var(--cf-line);border-radius:17px;background:var(--cf-deep);min-width:0;overflow-wrap:anywhere}.cl-output-card h4{font-size:17px;line-height:1.5;margin:0 0 14px;color:var(--cf-ink);-webkit-text-fill-color:var(--cf-ink)}.cl-output-card ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.cl-output-card li{padding-left:18px;position:relative;font-size:14px;line-height:1.75;color:var(--cf-copy);-webkit-text-fill-color:var(--cf-copy)}.cl-output-card li{padding:13px 14px 13px 48px;border:1px solid var(--cf-line);border-radius:12px;background:var(--cf-surface)}.cl-output-card li:before{content:'';position:absolute;left:12px;top:13px;width:25px;height:28px;border-radius:0;background:url('/assets/images/v2/book-160.webp') center/contain no-repeat}.cl-metric{display:block;font-size:28px;line-height:1.3;margin-bottom:16px;color:var(--cf-gold);-webkit-text-fill-color:var(--cf-gold)}.cl-tool-note{max-width:1120px;margin:22px auto}.cl-variants{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cl-tool .cl-variant{padding:20px;border:1px solid var(--cf-line);border-radius:18px;background:var(--cf-deep)}.cl-tool .cl-variant legend{padding:0 10px;margin:0;font-size:18px}.cl-name{display:grid;gap:10px;font-size:14px;font-weight:700;color:var(--cf-ink)}.cl-name input{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--cf-line);background:var(--cf-surface);border-radius:11px;padding:12px;color:var(--cf-ink);-webkit-text-fill-color:var(--cf-ink);font:inherit;font-weight:400}.cl-number-label{display:block;font-size:13px;font-weight:700;line-height:1.6;color:var(--cf-ink);margin:18px 0 9px}.cl-number{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;border:1px solid var(--cf-line);border-radius:12px;overflow:hidden;background:var(--cf-surface)}.cl-number input{width:100%;min-width:0;text-align:center;background:var(--cf-deep);border:0;padding:11px 3px;color:var(--cf-ink);-webkit-text-fill-color:var(--cf-ink);font:inherit;appearance:textfield;-moz-appearance:textfield}.cl-number input::-webkit-inner-spin-button,.cl-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cl-number button{border:0;background:var(--cf-surface);color:var(--cf-ink);-webkit-text-fill-color:var(--cf-ink);font-size:20px;font-weight:700;cursor:pointer;min-height:46px}.cl-number button:hover{background:var(--cf-deep);color:var(--cf-gold)}.cl-number input:focus-visible,.cl-number button:focus-visible{outline:3px solid var(--cf-gold);outline-offset:-3px}.cl-name input:focus-visible{outline:3px solid var(--cf-gold);outline-offset:3px}.cl-number input[aria-invalid=true]{outline:2px solid #e6a08b;outline-offset:-2px}.cl-related{display:flex;flex-wrap:wrap;gap:12px;padding:22px;background:var(--cf-surface);border:1px solid var(--cf-line);border-radius:22px;margin:30px 0}
@media(max-width:1100px){.cl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-cards>.pf-focus:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.cl-cards>.pf-focus:last-child:nth-child(odd)>.pf-focus-top,.cl-cards>.pf-focus:last-child:nth-child(odd)>h3,.cl-cards>.pf-focus:last-child:nth-child(odd)>.cf-copy{grid-column:1}.cl-cards>.pf-focus:last-child:nth-child(odd)>.cf-key-points{grid-column:2;grid-row:1/4}.cl-cards>.pf-focus:last-child:nth-child(odd)>.cf-details{grid-column:1/-1}}
@media(max-width:800px){.cl-cards{grid-template-columns:1fr}.cl-cards>.pf-focus:last-child:nth-child(odd){display:block}.cl-example,.cl-form-grid,.cl-variants,.cl-output,.cl-tool-travel .cl-output{grid-template-columns:1fr}.cl-tool{padding:22px}.cl-example{gap:20px}.cl-options{gap:8px}}
@media(max-width:650px){.cl-cards .pf-focus,.cl-example{padding:22px}.cl-cards .pf-focus h3,.cl-example h3,.cl-result h3{font-size:24px}.cl-tool{padding:20px}.cl-output-card{padding:17px}.cl-related .button{width:100%}.cl-name input{font-size:16px}.cl-fact{padding:15px}}
@media(forced-colors:active){.cl-fact strong,.cl-fact p,.cl-selection,.cl-output-card h4,.cl-output-card li,.cl-metric,.cl-name input,.cl-number input,.cl-number button,.cl-options span,.cl-checks span{color:CanvasText;-webkit-text-fill-color:CanvasText}.cl-options input:checked+span,.cl-checks input:checked+span i{color:HighlightText;-webkit-text-fill-color:HighlightText;background:Highlight}.clubs-premium .button-secondary,.clubs-premium .button-secondary:visited{color:LinkText;-webkit-text-fill-color:LinkText;background:Canvas;border-color:ButtonText}.cl-output-card li:before{background:none}.cl-output-card li{padding-left:14px;border-color:CanvasText;background:Canvas}}