
/* USDataLaws Guide interface v3.1 — dedicated asset to avoid stale cached guide styles */
.guide-page{overflow:hidden}
.guide-page .wrap{position:relative}
.guide-v2-hero{position:relative;margin:0 0 32px;padding:72px 0 42px}
.guide-v2-hero:after{content:"";position:absolute;right:-140px;top:10px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(41,125,216,.22),rgba(41,125,216,0) 68%);pointer-events:none}
.guide-v2-hero h1{font-size:clamp(48px,7vw,82px);max-width:980px;margin-bottom:20px}
.guide-v2-hero p{font-size:20px;max-width:860px}
.guide-version{margin-top:18px;padding:8px 12px;border:1px solid rgba(100,132,166,.55);border-radius:999px;background:rgba(4,24,48,.65)}
.guide-choice-intro{font-size:18px;max-width:850px;margin-bottom:26px}
.topic-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:32px 0 58px!important}
.topic-card{position:relative;display:grid!important;grid-template-columns:62px 1fr;grid-template-rows:auto auto auto;column-gap:18px;align-items:start;min-height:190px;padding:26px 28px!important;border:1px solid rgba(92,132,174,.78)!important;border-radius:22px!important;text-decoration:none!important;overflow:hidden;background:linear-gradient(145deg,#123a67,#0b284d)!important;box-shadow:0 16px 38px rgba(0,0,0,.12);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.topic-card:before{content:"";position:absolute;inset:auto -60px -90px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,0) 68%);pointer-events:none}
.topic-card:nth-child(3n+2){background:linear-gradient(145deg,#233b78,#152b63)!important}
.topic-card:nth-child(3n){background:linear-gradient(145deg,#0d5364,#0a344f)!important}
.topic-card:hover{transform:translateY(-4px);border-color:var(--gold)!important;box-shadow:0 20px 48px rgba(0,0,0,.22)}
.topic-card .topic-num{grid-row:1/4;display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(245,198,78,.55);border-radius:16px;color:var(--gold)!important;background:rgba(2,18,38,.36);font-size:13px!important;font-weight:900;letter-spacing:.12em;text-decoration:none!important}
.topic-card h2{grid-column:2;margin:0 0 8px!important;font-size:clamp(22px,2.3vw,29px)!important;line-height:1.08!important;letter-spacing:-.025em;color:#fff!important;text-decoration:none!important}
.topic-card p{grid-column:2;margin:0!important;color:#cbd8e8!important;font-size:16px;line-height:1.55;text-decoration:none!important}
.topic-card .topic-go{grid-column:2;display:inline-flex!important;align-items:center;gap:7px;width:max-content;margin-top:17px!important;padding:7px 11px;border-radius:999px;background:rgba(245,198,78,.10);color:#ffe08a!important;font-weight:900!important;font-size:12px!important;letter-spacing:.07em!important;text-decoration:none!important}
.topic-card:hover .topic-go{background:rgba(245,198,78,.18)}
.guide-page section[aria-labelledby="choose-topic"]{position:relative;padding:26px 0 10px}
.guide-page section[aria-labelledby="choose-topic"]:before{content:"";position:absolute;left:-100vw;right:-100vw;top:0;bottom:0;background:linear-gradient(180deg,rgba(11,39,74,.20),rgba(2,16,34,0));z-index:-1}
@media(max-width:900px){.topic-grid{grid-template-columns:1fr!important}.topic-card{min-height:170px}.guide-v2-hero{padding-top:52px}}
@media(max-width:560px){.topic-card{grid-template-columns:48px 1fr;column-gap:14px;padding:21px!important;border-radius:18px!important}.topic-card .topic-num{width:44px;height:44px;border-radius:13px}.topic-card h2{font-size:22px!important}.topic-card p{font-size:15px}.guide-version{display:flex;flex-wrap:wrap;border-radius:16px}}
