.advice-section{padding:70px 0 110px;background:#fff;color:var(--ink)}
.advice-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}.advice-main{min-width:0}
.advice-group{padding:0 0 64px;margin:0 0 64px;border-bottom:2px solid var(--ink)}.advice-group:last-child{margin-bottom:0;border-bottom:0}
.group-heading{display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:25px}.group-heading h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:0;color:var(--purple)}.group-heading p{margin:.6rem 0 0;color:#62566a;max-width:650px}
.group-number{display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px 9px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);font-size:.75rem;font-weight:800;text-transform:uppercase}
.published-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic{display:flex!important;flex-direction:column;text-decoration:none;padding:24px;border:2px solid var(--ink);border-radius:18px;background:#fff;color:var(--ink);min-height:245px;transition:transform .2s,box-shadow .2s}.topic:hover{transform:translateY(-4px);box-shadow:7px 7px 0 var(--yellow)}.topic h3{font-size:1.28rem;line-height:1.22;margin:.2rem 0 .7rem;color:var(--purple)}.topic p{color:#62566a;margin:0 0 1.4rem}.topic-cover{width:calc(100% + 48px);height:170px;margin:-24px -24px 20px;object-fit:cover;border-bottom:2px solid var(--ink)}
.read-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid #d8cedc;color:var(--purple);font-size:.83rem;font-weight:800;text-transform:uppercase}.read-link b{font-size:1.25rem;color:var(--ink)}
.question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.question{display:flex;flex-direction:column;min-height:190px;padding:22px;border:1.5px solid #d9cfdd;border-radius:16px;background:#fff}.question:nth-child(5){grid-column:1/-1;min-height:155px}.question span{color:var(--purple);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.question h3{font-size:1.08rem;line-height:1.35;margin:.7rem 0 1.5rem}.question small{margin-top:auto;color:#75687b;font-size:.75rem;font-weight:800;text-transform:uppercase}
.content-help{position:sticky;top:100px;padding:28px;background:var(--purple);color:#fff;border:2px solid var(--ink);border-radius:20px;box-shadow:8px 8px 0 var(--yellow),10px 10px 0 var(--ink)}.help-label{display:inline-block;padding:5px 9px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);font-size:.72rem;font-weight:800;text-transform:uppercase}.content-help h2{font-size:2.2rem;line-height:1;margin:1.2rem 0}.content-help ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;list-style:none}.content-help li{padding:9px;border:1px solid rgba(255,255,255,.45);border-radius:9px;font-weight:700;font-size:.85rem}.content-help p{font-size:.92rem;line-height:1.6;color:#eee}.content-help a{display:flex;justify-content:center;margin-top:20px;padding:13px 16px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:999px;text-decoration:none;font-weight:800}
@media(max-width:980px){.advice-layout{grid-template-columns:1fr}.content-help{position:static;max-width:620px;order:-1}.published-grid,.question-list{grid-template-columns:1fr}.question:nth-child(5){grid-column:auto}.question{min-height:0}}
@media(max-width:600px){.advice-section{padding-top:48px}.advice-group{padding-bottom:48px;margin-bottom:48px}.group-heading{grid-template-columns:52px 1fr;gap:12px}.group-heading h2{font-size:2rem}.topic{min-height:0}.question h3{font-size:1rem}.content-help{box-shadow:5px 5px 0 var(--yellow),7px 7px 0 var(--ink)}}

.question.article-link{text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.question.article-link:hover,.question.article-link:focus-visible{transform:translateY(-3px);box-shadow:5px 5px 0 var(--yellow)}.question.article-link small{color:var(--purple)}

.group-heading h2 a{color:inherit;text-decoration:none}.group-heading h2 a:hover{text-decoration:underline}
