.rad,.rad *{box-sizing:border-box}.rad{margin:1rem 0 1.25rem;max-width:100%}.rad__srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rad__shell{--rad-bg-start: #09111f;--rad-bg-end: #111b2b;--rad-panel: #101a2b;--rad-border: #243247;--rad-text: #f8fafc;--rad-muted: #9fb0c9;--rad-muted-2: #c3d0df;--rad-radius: 20px;--rad-card-radius: 14px;--rad-gap: clamp(.8rem, 1vw + .55rem, 1.15rem);--rad-pad: clamp(.9rem, .9vw + .65rem, 1.25rem);position:relative;max-width:100%;border-radius:22px;padding:clamp(.8rem,.9vw + .55rem,1rem);background:linear-gradient(180deg,var(--rad-bg-start),var(--rad-bg-end));color:var(--rad-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;box-shadow:0 18px 24px #0003}.rad__shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(920px 300px at -5% -8%,rgba(56,189,248,.07),transparent 60%),radial-gradient(780px 260px at 105% 105%,rgba(34,197,94,.06),transparent 62%)}.rad__header,.rad__grid{position:relative;z-index:1}.rad__header{margin-bottom:clamp(.7rem,.7vw + .45rem,.95rem);padding-inline:.15rem}.rad__title{margin:0;font-size:clamp(1.05rem,1.1vw + .8rem,1.45rem);line-height:1.08;letter-spacing:-.02em}.rad__subtitle{margin:.35rem 0 0;font-size:clamp(.78rem,.5vw + .65rem,.96rem);line-height:1.35;color:var(--rad-muted);max-width:72ch}.rad__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rad-gap);align-items:start}.rad__stack,.rad__sidebar{border-radius:var(--rad-radius);border:1px solid rgba(36,50,71,.95);background:var(--rad-panel);padding:var(--rad-pad);min-width:0;overflow:hidden}.rad__stack{display:grid;gap:clamp(.65rem,.6vw + .4rem,.9rem)}.rad__card{border-radius:var(--rad-card-radius);padding:clamp(.75rem,.55vw + .55rem,.95rem);border:1px solid transparent;min-width:0}.rad__cardHeader{display:grid;grid-auto-rows:min-content;row-gap:2px;min-width:0;width:fit-content;max-width:100%;align-content:start;justify-items:start;place-self:start}.rad__card--1{background:#13253b;border-color:#355472}.rad__card--2{background:#162b39;border-color:#3c6170}.rad__card--3{background:#1a312f;border-color:#477262}.rad__card--4{background:#24372b;border-color:#5a8458}.rad__label{margin:0;font-size:clamp(.62rem,.28vw + .55rem,.78rem);line-height:1;font-weight:700;letter-spacing:.06em;color:#dbeafe}.rad__cardTitle{margin:-1px 0 0;font-size:clamp(.94rem,.55vw + .8rem,1.15rem);line-height:1.02;letter-spacing:-.02em;color:#fff;overflow-wrap:anywhere}.rad__body{margin:.45rem 0 0;font-size:clamp(.8rem,.35vw + .72rem,.92rem);line-height:1.34;color:var(--rad-muted-2);overflow-wrap:anywhere}.rad__reading{border-radius:var(--rad-card-radius);padding:clamp(.75rem,.5vw + .6rem,.95rem);border:1px solid #2d4b36;background:#101d16}.rad__miniTitle{margin:0 0 .45rem;font-size:.78rem;font-weight:700;line-height:1.15;letter-spacing:.03em;color:#86efac}.rad__miniTitle--blue{color:#93c5fd}.rad__reading p{margin:0;font-size:.86rem;line-height:1.32;color:#e2e8f0;overflow-wrap:anywhere}.rad__reading p+p{margin-top:.35rem}.rad__sidebar{display:grid;gap:clamp(.7rem,.55vw + .45rem,.9rem);align-content:start}.rad__note{border-radius:12px;padding:.75rem .8rem;border:1px solid #22354a;background:#0e1724}.rad__line{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.08;font-size:clamp(.98rem,.6vw + .82rem,1.15rem);overflow-wrap:anywhere}.rad__line+.rad__line{margin-top:.28rem}.rad__panel{border-radius:12px;padding:.75rem .8rem;border:1px solid #22354a;background:#0e1724;min-width:0}.rad__panel--blue{background:#0e1a2b;border-color:#253b58}.rad__panel--green{background:#101e16;border-color:#2e4c37}.rad__panelTitle{margin:0 0 .4rem;font-size:.84rem;font-weight:700;line-height:1.15;color:#c7d2fe}.rad__panel--green .rad__panelTitle{color:#86efac}.rad__panel p{margin:0;font-size:.84rem;line-height:1.32;color:#e2e8f0;overflow-wrap:anywhere}.rad__panel p+p{margin-top:.24rem}.rad__steps{margin:0;padding-left:1rem;color:#e2e8f0;font-size:.84rem;line-height:1.32}.rad__steps li+li{margin-top:.22rem}@media(min-width:900px){.rad__grid{grid-template-columns:minmax(0,1.75fr) minmax(15.5rem,1fr)}.rad__stack,.rad__sidebar{padding:clamp(1rem,.7vw + .7rem,1.2rem)}.rad__body{margin-top:.45rem;align-self:auto}}
