.na120{--p-navy:#142540;--p-gold:#be985d;--p-purple:#72529d;max-width:1210px;margin:28px auto 38px;padding:0 22px;font-family:inherit;color:var(--p-navy);scroll-margin-top:105px}
.na120 *{box-sizing:border-box}.na120 .na120-shell{position:relative;border:1px solid #e6ddcf;border-radius:28px;background:linear-gradient(120deg,#fffdf8,#fbf8ff);overflow:hidden;box-shadow:0 18px 50px #19263e09}
.na120 .na120-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);direction:rtl;align-items:center;gap:20px;padding:36px 36px 24px}
.na120[dir=ltr] .na120-main{direction:ltr}.na120 .na120-copy{text-align:start;min-width:0}.na120 .na120-kicker{display:flex;align-items:center;gap:10px;font:700 10px/1.6 Arial,sans-serif;letter-spacing:.17em;color:#8d6f40;direction:ltr;justify-content:flex-end}.na120[dir=ltr] .na120-kicker{justify-content:flex-start}.na120 .na120-kicker:before{content:'';width:22px;height:1px;background:#b7925d}
.na120 h2{font-size:clamp(25px,2.6vw,37px);line-height:1.65;margin:13px 0 9px;letter-spacing:-.025em;font-weight:850;color:var(--p-navy)}.na120 h2 em{font-style:normal;color:var(--p-purple)}.na120 .na120-intro{font-size:14px;line-height:2.1;color:#5f6879;margin:0;max-width:680px}.na120 .na120-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 20px;gap:10px}.na120 .na120-stat{padding:14px 9px;background:#fff;border:1px solid #e8e0d6;border-radius:16px;text-align:center}.na120 .na120-stat b{display:block;font-size:26px;line-height:1.4;font-weight:800;color:var(--p-navy)}.na120 .na120-stat span{font-size:11px;color:#647084;display:block;margin-top:5px;line-height:1.6}
.na120 .na120-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.na120 .na120-btn{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:12px;border:1px solid #d8c6a8;line-height:1.8;text-decoration:none;font-size:12px;font-weight:800;cursor:pointer;background:#fff;color:var(--p-navy)}.na120 .na120-primary{background:var(--p-navy);border-color:var(--p-navy);color:#fff;box-shadow:0 6px 18px #14254015}.na120 .na120-btn:hover{filter:brightness(1.07)}.na120 .na120-btn:focus-visible,.na120 summary:focus-visible{outline:3px solid #9470c6;outline-offset:4px}.na120 .na120-note{font-size:11px;line-height:1.9;color:#737b89;margin:12px 0 0}
.na120 .na120-art{position:relative;min-width:0;margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:10px}.na120 .na120-art img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;border-radius:28px;mix-blend-mode:multiply}.na120 .na120-art figcaption{text-align:center;font:700 10px/1.6 Arial,sans-serif;letter-spacing:.18em;color:#80608f}.na120 .na120-bubble{position:absolute;top:2px;inset-inline-start:0;z-index:1;max-width:190px;background:#fff;border:1px solid #e5dced;border-radius:14px;padding:10px 14px;font-size:12px;line-height:1.9;box-shadow:0 8px 22px #55416e0b}
.na120 .na120-method{padding:0 36px 28px}.na120 .na120-method-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:0 0 13px;border-top:1px solid #e8e0d5;padding-top:22px}.na120 h3{font-size:15px;margin:0;line-height:1.8;color:var(--p-navy)}.na120 .na120-method-heading p{font-size:10px;color:#7c8190;margin:0;line-height:1.8}.na120 .na120-phases{list-style:none!important;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.na120 .na120-phases li{background:#fff;border:1px solid #e8e2db;border-radius:14px;padding:15px;min-width:0}.na120 .na120-day{font-size:10px;color:#9a7847;font-weight:800;display:block;margin-bottom:6px}.na120 h4{font-size:12px;line-height:1.8;margin:0 0 6px;color:#263551}.na120 .na120-phases p{font-size:11px;line-height:1.9;color:#6d7481;margin:0}
.na120 .na120-rules{margin-top:15px;background:#f2edf7;border:1px solid #e6ddeb;border-radius:13px;padding:0 16px}.na120 .na120-rules summary{cursor:pointer;min-height:46px;font-size:12px;font-weight:750;line-height:1.8;padding:13px 0;color:#5e447c}.na120 .na120-rules ul{font-size:12px;line-height:2;color:#5d6373;margin:0 0 14px;padding-inline-start:20px}.na120 .na120-exams{margin:14px 0 0;color:#626a79;font-size:11px;line-height:1.9}.na120 .na120-exams span{direction:ltr;unicode-bidi:isolate;display:inline-block;font-family:Arial,sans-serif;color:#5e477b;letter-spacing:.06em;font-weight:750;margin-inline:5px}
@media(max-width:850px){.na120 .na120-main{padding:26px 23px 22px;grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr);gap:14px}.na120 .na120-method{padding:0 23px 23px}.na120 .na120-phases{grid-template-columns:repeat(2,minmax(0,1fr))}.na120 .na120-art img{max-height:330px}.na120 .na120-bubble{position:static;max-width:100%;text-align:center}.na120 .na120-intro{font-size:13px}}
@media(max-width:620px){.na120{padding:0 10px;margin:22px auto 28px}.na120 .na120-shell{border-radius:21px}.na120 .na120-main{display:flex;flex-direction:column;padding:23px 18px 18px}.na120 .na120-copy{width:100%}.na120 .na120-art{width:100%;max-width:330px;align-self:center}.na120 .na120-art img{height:255px;width:100%;object-fit:contain}.na120 h2{font-size:27px;line-height:1.6}.na120 .na120-stats{gap:6px;margin:18px 0}.na120 .na120-stat{padding:12px 5px}.na120 .na120-stat b{font-size:24px}.na120 .na120-stat span{font-size:10px}.na120 .na120-actions{gap:8px}.na120 .na120-btn{flex:1 1 180px}.na120 .na120-method{padding:0 18px 20px}.na120 .na120-method-heading{display:block}.na120 .na120-method-heading p{margin-top:4px}.na120 .na120-phases{gap:8px}.na120 .na120-phases li{padding:12px}.na120 .na120-kicker{font-size:9px}.na120 .na120-bubble{padding:7px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.na120 *{scroll-behavior:auto!important}}
