.clo-main{--clo-navy:#0d3152;--clo-navy2:#153f62;--clo-gold:#d6a531;--clo-paper:#fff;--clo-bg:#f4f7fa;--clo-ink:#082846;--clo-muted:#506070;color:var(--clo-ink);background:var(--clo-paper)}
.clo-main *{box-sizing:border-box}
.clo-shell{width:min(1280px,calc(100% - 48px));margin:0 auto}
.clo-hero{padding:82px 0 76px;background:radial-gradient(circle at 92% 12%,rgba(214,165,49,.12),transparent 24%),linear-gradient(120deg,var(--clo-navy),var(--clo-navy2));color:#fff}
.clo-eye{display:block;color:#f0c458;font-size:.76rem;font-weight:800;letter-spacing:.16em;margin-bottom:18px}
.clo-hero h1{max-width:780px;margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98;letter-spacing:-.045em;color:#fff}
.clo-hero h1 em{font-style:normal;color:#f0c458}
.clo-hero p{max-width:720px;margin:24px 0 0;font-size:1.08rem;line-height:1.65;color:rgba(255,255,255,.9)}
.clo-section{padding:64px 0 88px;background:var(--clo-bg)}
.clo-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:32px;align-items:start}
.clo-form,.clo-results{background:#fff;border:1px solid #e3e9ee;border-radius:22px;box-shadow:0 18px 55px rgba(8,40,70,.08)}
.clo-form{padding:26px;position:sticky;top:24px}
.clo-form fieldset{border:0;padding:0;margin:0 0 24px}
.clo-form legend{font-size:1.03rem;font-weight:800;margin:0 0 12px;line-height:1.35}
.clo-options{display:grid;gap:8px}
.clo-options label{display:block;cursor:pointer}
.clo-options input{position:absolute;opacity:0;pointer-events:none}
.clo-options span{display:block;border:1px solid #dce5ec;border-radius:12px;padding:11px 13px;background:#fff;transition:.15s ease;font-weight:650;line-height:1.35}
.clo-options input:checked+span{border-color:var(--clo-gold);background:#fff8e8;box-shadow:0 0 0 2px rgba(214,165,49,.15)}
.clo-options input:focus-visible+span{outline:3px solid rgba(13,49,82,.28);outline-offset:2px}
.clo-form select{width:100%;min-height:48px;border:1px solid #dce5ec;border-radius:12px;padding:0 14px;background:#fff;color:var(--clo-ink);font:inherit}
.clo-button,.clo-secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border-radius:12px;font-weight:800;text-decoration:none;text-align:center}
.clo-button{border:0;background:var(--clo-gold);color:#082846;cursor:pointer}
.clo-secondary{margin-top:10px;border:1px solid #d5dde5;color:var(--clo-ink);background:#fff}
.clo-results{padding:30px;min-width:0}
.clo-results-head span{color:#a77a13;font-size:.72rem;font-weight:900;letter-spacing:.15em}
.clo-results-head h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:7px 0 6px;letter-spacing:-.035em;line-height:1.08}
.clo-results-head p{margin:0 0 24px;color:var(--clo-muted)}
/* Generic results: two comfortable cards per row. */
.clo-cards{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px;min-width:0}
.clo-card{border:1px solid #e1e8ee;border-radius:16px;padding:20px;display:flex;flex-direction:column;min-width:0;min-height:240px;background:#fff;overflow-wrap:break-word}
.clo-card small{font-weight:800;color:#a77a13;text-transform:uppercase;letter-spacing:.08em}
.clo-card h3{font-size:1.08rem;line-height:1.22;margin:9px 0;word-break:normal;hyphens:auto}
.clo-card p{font-size:.92rem;line-height:1.55;color:var(--clo-muted);margin:0 0 16px}
.clo-card a{margin-top:auto;font-weight:850;color:var(--clo-ink);text-decoration:none}
.clo-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.clo-tag{font-size:.72rem;background:#eef4f7;border-radius:999px;padding:5px 8px;white-space:nowrap}
.clo-empty{padding:20px;border:1px solid #ead7a4;background:#fff9e9;border-radius:14px}
.clo-main a:focus-visible,.clo-main button:focus-visible,.clo-main select:focus-visible{outline:3px solid rgba(13,49,82,.35);outline-offset:3px}
/* Balanced FEDE mode: each recommendation family MUST occupy the full result width. */
#clo-cards>.clo-result-group{grid-column:1/-1;min-width:0}
.clo-result-group+.clo-result-group{margin-top:14px;padding-top:26px;border-top:1px solid #e5ebf0}
.clo-group-head{margin:0 0 16px;max-width:760px}
.clo-group-head h3{margin:0 0 5px;font-size:1.18rem;letter-spacing:-.02em;color:var(--clo-ink)}
.clo-group-head p{margin:0;color:var(--clo-muted);font-size:.92rem;line-height:1.5}
.clo-result-group .clo-cards{grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px;margin-top:0}
@media(max-width:1080px){
  .clo-shell{width:min(100% - 36px,1120px)}
  .clo-layout{grid-template-columns:310px minmax(0,1fr);gap:24px}
  .clo-cards,.clo-result-group .clo-cards{grid-template-columns:1fr}
}
@media(max-width:820px){
  .clo-layout{grid-template-columns:1fr}
  .clo-form{position:static}
  .clo-results{min-height:0}
  .clo-hero{padding:62px 0 58px}
  .clo-section{padding:48px 0 68px}
  .clo-cards,.clo-result-group .clo-cards{grid-template-columns:1fr}
  .clo-card{min-height:0}
}
@media(max-width:560px){
  .clo-shell{width:min(100% - 24px,1120px)}
  .clo-form,.clo-results{padding:20px;border-radius:17px}
  .clo-hero h1{font-size:2.65rem}
  .clo-section{padding-top:36px}
  .clo-options span{padding:12px}
}
/* v2.0.0 consolidated orientation polish */
.clo-tag-why{background:#fff4d6;color:#7e5a00}
.clo-group-secondary .clo-group-head h3{font-size:1.1rem}
.clo-result-group{scroll-margin-top:24px}
.clo-card a:hover{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1081px){.clo-layout{grid-template-columns:340px minmax(0,1fr)}.clo-results{padding:32px}}
.clo-guidance{margin:24px 0 0;padding-top:18px;border-top:1px solid #e5ebf0;color:var(--clo-muted);font-size:.82rem;line-height:1.5}