.goal-page { background: var(--bg); }
.goal-page ::selection { background: var(--purple); color: var(--surface); }
.goal-page h1,.goal-page h2 { text-wrap: balance; }
.goal-page a:focus-visible,.goal-page summary:focus-visible { outline: 3px solid var(--purple); outline-offset: 5px; }
.goal-hero { display: grid; grid-template-columns: 1.12fr 1fr; gap: clamp(32px,5vw,80px); align-items: center; padding-block: 30px 72px; }
.goal-hero h1,.goal-hub h1 { font-size: clamp(2.5rem,4.9vw,4.4rem); line-height: 1.08; letter-spacing: -.035em; max-width: 13ch; margin: 0 0 28px; }
.goal-intro { font-size: clamp(1.05rem,1.5vw,1.2rem); line-height: 1.7; color: var(--muted); max-width: 55ch; }
.goal-hero .hero-actions { margin-block: 30px 20px; align-items: flex-start; flex-direction: column; gap: 20px; }
.goal-page .btn { min-height: 48px; gap: 10px; border-radius: 12px; font-size: 1rem; }
.goal-page .btn svg,.goal-text-link svg { flex-shrink: 0; }
.goal-text-link { display: inline-flex; align-items: center; gap: 8px; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; min-height: 44px; color: var(--purple); }
.goal-text-link:hover { text-decoration-thickness: 2px; }
.goal-platform { font-size: .875rem; color: var(--muted); }
.goal-image { margin: 0; min-width: 0; }
.goal-image img { max-height: 570px; width: 100%; object-fit: contain; border-radius: 15px; }
.goal-image figcaption { margin-top: 16px; font-size: .85rem; color: var(--muted); text-align: center; }
.goal-routine { background: var(--surface-soft); padding-block: 60px; scroll-margin-top: 100px; }
.goal-editorial { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; }
.goal-page h2 { font-size: clamp(1.65rem,2.5vw,2.3rem); line-height: 1.2; letter-spacing: -.025em; margin: 0 0 20px; }
.goal-editorial p { color: var(--muted); }
.goal-editorial ol { margin: 0; padding-inline-start: 28px; }
.goal-editorial li { padding-block: 0 22px; padding-inline-start: 14px; font-size: 1.06rem; max-width: 65ch; }
.goal-editorial li::marker { color: var(--purple); font-weight: 700; }
.goal-reading { padding-block: 36px; }
.goal-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; padding-block: 46px; border-bottom: 1px solid var(--line); }
.goal-section p { margin: 0; max-width: 68ch; font-size: 1.08rem; }
.goal-questions { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; padding-block: 42px 76px; }
.goal-questions details { border-bottom: 1px solid var(--line); padding-block: 0 20px; margin-bottom: 20px; }
.goal-questions summary { cursor: pointer; font-size: 1.05rem; font-weight: 600; min-height: 44px; }
.goal-questions p { color: var(--muted); max-width: 65ch; }
.goal-closing { background: var(--surface-soft); padding: 48px; border-radius: 15px; }
.goal-closing p { max-width: 65ch; }
.goal-related { padding-block: 70px; }
.goal-directory { list-style: none; padding: 0; margin: 0; }
.goal-directory li { border-bottom: 1px solid var(--line); }
.goal-directory a { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 21px 4px; min-height: 64px; font-size: clamp(1.15rem,2vw,1.65rem); transition: color 180ms ease-out,background-color 180ms ease-out; }
.goal-directory a:hover { color: var(--purple); background: var(--surface-soft); }
.goal-directory svg { flex-shrink: 0; }
.goal-hub-intro { padding-block: 72px 48px; }
.goal-hub h1 { max-width: 19ch; }
.goal-hub-directory { display: grid; grid-template-columns: 1.4fr 1fr; gap: 96px; align-items: center; padding-bottom: 70px; }
.goal-hub-directory aside { text-align: center; color: var(--muted); }
.goal-hub-directory img { width: min(100%,300px); margin: auto; }
.goal-tools { padding-bottom: 80px; }
.goal-home { padding-block: 60px; }
.goal-home .goal-directory { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; }
@media (max-width:760px) {
 .goal-hero,.goal-editorial,.goal-section,.goal-questions,.goal-hub-directory { grid-template-columns: 1fr; gap: 28px; }
 .goal-hero { padding-top: 20px; padding-bottom: 44px; }
 .goal-hero h1 { max-width: 17ch; }
 .goal-hero .hero-actions { margin-block: 24px 14px; }
 .goal-page .btn { max-width: 100%; padding: 14px 18px; text-align: start; white-space: normal; }
 .goal-image img { max-height: 420px; }
 .goal-routine { padding-block: 40px; }
 .goal-section { padding-block: 32px; gap: 12px; }
 .goal-questions { padding-block: 24px 38px; }
 .goal-closing { padding: 30px 22px; }
 .goal-hub-intro { padding-block: 48px 22px; }
 .goal-hub-directory { gap: 44px; padding-bottom: 50px; }
 .goal-hub-directory img { width: 210px; }
 .goal-home .goal-directory { grid-template-columns: 1fr; }
 .goal-related { padding-block: 48px; }
}
@media (prefers-reduced-motion:reduce) { .goal-page { scroll-behavior: auto; } .goal-directory a { transition: none; } }

[dir="rtl"] .goal-page svg, [dir="rtl"] .goal-directory svg { transform: scaleX(-1); }
.goal-hero-copy { min-width: 0; }
.goal-hero h1 { overflow-wrap: anywhere; }