.ac-page{background:radial-gradient(1100px 340px at 22% -120px, #3fa3ad47, #3fa3ad00 72%), radial-gradient(900px 300px at 88% -100px, #2e7a822e, #2e7a8200 70%), linear-gradient(180deg, var(--cc-teal-tint) 0, var(--cc-color-surface) 240px, #fff 560px)}.ac-lede{max-width:46rem;color:var(--cc-ink-2,#2c4348);margin:18px 0 28px;font-size:17px;line-height:1.6}.ac-tuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.ac-tut{min-width:0}.ac-tut--lead{grid-column:1/-1}.ac-tut__link{height:100%;color:inherit;background:#fff;border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 0 0 1px #dfeaec,0 18px 40px -28px #122e3273}.ac-tut__link:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #b9d8db,0 26px 50px -26px #122e328c}.ac-tut__link:focus-visible{outline-offset:3px;outline:3px solid #5fcad2}.ac-tut__media{aspect-ratio:400/220;position:relative;overflow:hidden}.ac-tut__art{width:100%;height:100%;transition:transform .6s;display:block}.ac-tut__link:hover .ac-tut__art{transform:scale(1.04)}.ac-tut__kicker{letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#ffffff24;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:700;position:absolute;top:18px;left:20px;box-shadow:inset 0 0 0 1px #ffffff59}.ac-tut__chapters{font-family:var(--cc-font-display,Georgia, serif);color:#ffffffe6;letter-spacing:-.02em;font-size:64px;line-height:1;position:absolute;bottom:6px;right:22px}.ac-tut__body{flex-direction:column;flex:1;gap:10px;padding:22px 24px;display:flex}.ac-tut__meta{letter-spacing:.1em;text-transform:uppercase;color:var(--cc-teal-ink,#28666d);font-size:12px;font-weight:700}.ac-tut__title{font-family:var(--cc-font-display,Georgia, serif);color:var(--cc-ink,#1a2a2f);text-wrap:balance;margin:0;font-size:30px;font-weight:400;line-height:1.08}.ac-tut__line{color:var(--cc-ink-2,#2c4348);margin:0;font-size:15.5px;line-height:1.55}.ac-tut__reward{color:var(--cc-teal-ink,#28666d);background:#f0f8f9;border-radius:12px;margin:0;padding:9px 12px;font-size:13.5px;font-weight:600}.ac-tut__foot{justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:8px;display:flex}.ac-tut__progress{color:var(--cc-ink-3,#5d6f73);align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.ac-tut__bar{background:#e3eff1;border-radius:999px;flex:none;width:96px;height:6px;position:relative;overflow:hidden}.ac-tut__bar i{background:#2e7a82;border-radius:999px;position:absolute;inset:0 auto 0 0}.ac-tut__cta{background:var(--cc-teal-deep,#1f5f66);color:#fff;border-radius:999px;flex:none;align-items:center;gap:8px;padding:10px 18px;font-size:14.5px;font-weight:600;display:inline-flex}.ac-tut--lead .ac-tut__link{flex-direction:row}.ac-tut--lead .ac-tut__media{aspect-ratio:auto;flex:0 0 56%;min-height:300px}.ac-tut--lead .ac-tut__body{justify-content:center;padding:30px 32px}.ac-tut--lead .ac-tut__title{font-size:38px}@media (max-width:860px){.ac-tuts{grid-template-columns:minmax(0,1fr);gap:18px}.ac-tut--lead .ac-tut__link{flex-direction:column}.ac-tut--lead .ac-tut__media{aspect-ratio:400/220;flex:none;min-height:0}.ac-tut--lead .ac-tut__body{padding:22px}.ac-tut__title,.ac-tut--lead .ac-tut__title{font-size:28px}.ac-tut__chapters{font-size:52px}}.ac-tut__chapterlist{flex-wrap:wrap;gap:6px;margin:4px 0 2px;padding:0;list-style:none;display:flex}.ac-tut__chapterlist li{color:var(--cc-ink-2,#2c4348);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13px;display:inline-flex;box-shadow:inset 0 0 0 1px #dfeaec}.ac-tut__chapterlist li>span{width:20px;height:20px;color:var(--cc-teal-ink,#28666d);background:#e6f3f4;border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.ac-tut__chapterlist li.is-done>span{color:#fff;background:#2e7a82}
.tut{--t-ground:#f6f9f9;--t-surface:#fff;--t-mist:#e6f4f5;--t-mist-2:#f1f9fa;--t-line:#e3ecee;--t-line-strong:#cfdcdf;--t-ink:#0f2a2e;--t-ink-2:#2e454a;--t-ink-3:#5b6f73;--t-ink-4:#93aaae;--t-teal:#2e7a82;--t-teal-ink:#1f5f66;--t-sea:#5fcad2;--t-sea-light:#a6ecf0;--t-night:#183a3f;--t-night-2:#122e32;--t-on-night-2:#d8ecee;--t-on-night-3:#93aaae;--t-amber:#b45309;--t-amber-bg:#fff7ed;--t-amber-line:#f3c99a;--t-display:var(--cc-font-display,"EB Garamond", Georgia, serif);max-width:1280px;color:var(--t-ink);margin:0 auto;padding:18px 32px 40px;font-size:15px;line-height:1.5}.tut *{box-sizing:border-box}.tut :where(button){font:inherit;color:inherit}.tut :focus-visible{outline:2px solid var(--t-teal);outline-offset:2px}.tut .tut-side :focus-visible{outline-color:var(--t-sea-light)}.tut-crumbs{min-height:40px;color:var(--t-ink-3);flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.tut-crumbs a,.tut-crumbs button{cursor:pointer;color:var(--t-teal);background:0 0;border:0;padding:0;font-weight:600;text-decoration:none}.tut-crumbs button.quiet{color:var(--t-ink-3);font-weight:400}.tut-crumbs a:hover,.tut-crumbs button:hover{text-decoration:underline}.tut-crumbs b{color:var(--t-ink);font-weight:700}.tut-crumbs .meraki{color:var(--t-teal-ink);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.tut-crumbs .meraki.bump{animation:.6s tut-bump;display:inline-block}.tut-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:22px;margin-top:12px;display:grid}.tut-side{color:#fff;background:linear-gradient(170deg, #1f5f66 0%, var(--t-night) 70%, var(--t-night-2) 100%);border-radius:26px;flex-direction:column;gap:18px;padding:26px 24px;display:flex;position:sticky;top:84px}.tut-side h1{font-family:var(--t-display);text-wrap:balance;margin:0;font-size:34px;font-weight:400;line-height:1.02}.tut-side h1 button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.tut-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--t-on-night-2);font-size:11px;font-weight:600}.tut-progress{background:#ffffff1a;border-radius:18px;padding:18px;box-shadow:inset 0 0 0 1px #ffffff2e}.tut-progress .sentence{font-size:17px;font-weight:600}.tut-progress .bar{background:#fff3;border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.tut-progress .bar>span{background:linear-gradient(90deg, var(--t-sea-light), var(--t-sea));border-radius:999px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);display:block}.tut-progress .meta{color:var(--t-on-night-2);justify-content:space-between;gap:10px;margin-top:8px;font-size:13px;display:flex}.tut-segs{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.tut-segs span{background:#ffffff2e;border-radius:999px;height:7px;overflow:hidden}.tut-segs span i{background:var(--t-sea);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.tut-segs-label{color:var(--t-on-night-2);margin-top:-8px;font-size:13px}.tut-stepper{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tut-chapter{position:relative}.tut-chapter:not(:last-child):after{content:"";background:#ffffff29;border-radius:3px;width:3px;position:absolute;top:48px;bottom:-8px;left:19px}.tut-chapter.done:not(:last-child):after{background:var(--t-sea)}.tut-chapter>button{cursor:pointer;text-align:left;color:#fff;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;width:calc(100% + 20px);margin:0 -10px;padding:6px 10px;display:flex}.tut-chapter>button:hover{background:#ffffff12}.tut-chapter.current>button{background:#ffffff1f}.tut-chapter .dot{background:var(--t-night);width:40px;height:40px;color:var(--t-on-night-3);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #ffffff40}.tut-chapter.done .dot{background:var(--t-sea);color:var(--t-ink);box-shadow:none}.tut-chapter.next .dot,.tut-chapter.current .dot{color:var(--t-teal-ink);background:#fff;box-shadow:0 0 0 4px #5fcad273}.tut-chapter .name{flex:1;min-width:0;font-size:16px}.tut-chapter.todo .name{color:#c3d6d9}.tut-chapter.next .name,.tut-chapter.current .name{font-weight:700}.tut-chapter .status{color:var(--t-on-night-3);white-space:nowrap;font-size:13px}.tut-chapter.done .status{color:var(--t-sea-light)}.tut-chapter .status.badge{color:var(--t-ink);background:var(--t-sea-light);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.tut-sub{border-left:2px solid #fff3;gap:8px;margin:8px 0 6px 19px;padding-left:26px;font-size:14px;list-style:none;display:grid}.tut-sub li{color:var(--t-on-night-3);align-items:center;gap:8px;display:flex}.tut-sub li.ok{color:var(--t-sea-light)}.tut-sub li.now{color:#fff;font-weight:700}.tut-sub .mini{border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px}.tut-sub li.ok .mini{background:var(--t-sea);color:var(--t-ink);box-shadow:none}.tut-foot{color:var(--t-on-night-2);font-size:13px}.tut-foot button{color:var(--t-on-night-3);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.tut-toggle{display:none}.tut-main{min-width:0}.tut-panel{background:var(--t-surface);border:1px solid var(--t-line);border-radius:26px;flex-direction:column;gap:22px;min-height:620px;padding:40px 44px;display:flex;position:relative;overflow:hidden}.tut-panel.tut-next{background:radial-gradient(60% 70% at 85% 30%, var(--t-mist) 0%, #e6f4f500 70%), var(--t-surface)}.tut-contour{opacity:.55;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tut-contour path{fill:none;stroke:#bfe3e6}.tut-panel>:not(.tut-contour):not(.tut-confetti){position:relative}.tut-kicker{color:var(--t-teal);font-size:15px;font-weight:700}.tut-big{font-family:var(--t-display);text-wrap:balance;margin:0;font-size:clamp(44px,8vw,84px);font-weight:400;line-height:.95}.tut-promise{font-family:var(--t-display);color:var(--t-ink-2);max-width:26em;margin:0;font-size:26px;font-style:italic}.tut-steps{color:var(--t-ink-3);flex-wrap:wrap;align-items:center;gap:12px;font-size:15px;display:flex}.tut-steps .s{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.tut-steps .c{width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--t-ink-4);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.tut-steps .s.ok{color:var(--t-teal);font-weight:600}.tut-steps .s.ok .c{background:var(--t-teal);color:#fff;box-shadow:none}.tut-steps .s.now{color:var(--t-ink);font-weight:700}.tut-steps .s.now .c{box-shadow:inset 0 0 0 2.5px var(--t-teal);color:var(--t-teal-ink)}.tut-steps .rule{background:var(--t-line-strong);width:40px;height:2px}.tut-steps .rule.ok{background:var(--t-teal)}.tut-cta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto;display:flex}.tut-btn{background:var(--t-teal);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:0 30px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex;color:#fff!important}.tut-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.tut-btn.ghost{box-shadow:inset 0 0 0 1.5px var(--t-line-strong);background:0 0;font-weight:600;color:var(--t-teal-ink)!important}.tut-muted,.tut-of{color:var(--t-ink-3);font-size:15px}.tut-lesson-top{margin-bottom:18px}.tut-carmela{color:var(--t-teal-ink);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.tut-carmela span{background:var(--t-teal);color:#fff;width:36px;height:36px;font-family:var(--t-display);border-radius:50%;place-items:center;font-size:19px;display:grid}.tut-read-h{font-family:var(--t-display);text-wrap:balance;margin:0;font-size:clamp(32px,5vw,54px);font-weight:400;line-height:1.05}.tut-read-p{color:var(--t-ink-2);max-width:36em;margin:0;font-size:19px;line-height:1.65}.tut-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tut-checks>div{background:var(--t-mist-2);border-radius:20px;padding:20px 22px}.tut-checks>div:last-child{background:var(--t-amber-bg)}.tut-checks b{letter-spacing:.1em;text-transform:uppercase;color:var(--t-teal-ink);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.tut-checks>div:last-child b{color:var(--t-amber)}.tut-checks ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tut-checks li{align-items:flex-start;gap:10px;font-size:17px;font-weight:600;display:flex}.tut-checks li svg{flex:none;margin-top:4px}.tut-checks li.say{color:var(--t-teal-ink)}.tut-checks li.not{color:var(--t-amber)}.tut-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tut-examples .ex{border-radius:22px;flex-direction:column;gap:12px;min-width:0;padding:24px 26px;display:flex}.tut-examples .ex.good{background:linear-gradient(140deg, #1f5f66 0%, var(--t-night) 100%);color:#fff}.tut-examples .ex.bad{background:var(--t-surface);border:1px solid #ecdccb}.tut-examples .tag{align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.tut-examples .ex.good .tag{color:var(--t-sea-light)}.tut-examples .ex.bad .tag{color:var(--t-amber)}.tut-examples blockquote{font-family:var(--t-display);margin:0;font-size:24px;line-height:1.24}.tut-examples .ex.bad blockquote{color:var(--t-ink-2)}.tut-examples p{margin:auto 0 0;font-size:15px;line-height:1.55}.tut-examples .ex.good p{color:var(--t-on-night-2)}.tut-examples .ex.bad p{color:var(--t-ink-2)}.tut-q{font-family:var(--t-display);margin:0;font-size:clamp(28px,4vw,42px);font-weight:400;line-height:1.1}.tut-quote{background:linear-gradient(150deg, var(--t-mist-2), #e3f3f4);font-family:var(--t-display);border-radius:20px;margin:0;padding:26px 30px;font-size:clamp(21px,3vw,30px);line-height:1.24}.tut-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tut-choices.one{grid-template-columns:minmax(0,1fr)}.tut-choice{border:1.5px solid var(--t-line-strong);background:var(--t-surface);cursor:pointer;min-height:62px;color:var(--t-ink);border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:17px;font-weight:700;transition:transform .2s,border-color .2s,background .25s,color .25s;display:flex}.tut-choices.one .tut-choice{text-align:left;justify-content:flex-start}.tut-choice:hover:not(:disabled){border-color:var(--t-teal);transform:translateY(-2px)}.tut-choice:disabled{cursor:default}.tut-choice.right{background:var(--t-teal);border-color:var(--t-teal);color:#fff}.tut-choice.wrong{background:var(--t-amber-bg);border-color:var(--t-amber-line);color:var(--t-amber)}.tut-choice.dim{color:var(--t-ink-4);border-color:var(--t-line)}.tut-feedback{border-radius:18px;flex-wrap:wrap;align-items:center;gap:18px;padding:18px 22px;animation:.4s cubic-bezier(.22,1,.36,1) both tut-rise;display:flex}.tut-feedback.ok{background:var(--t-mist)}.tut-feedback.no{background:var(--t-amber-bg)}.tut-feedback .mark{color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.tut-feedback.ok .mark{background:var(--t-teal)}.tut-feedback.no .mark{background:var(--t-amber)}.tut-feedback .words{flex:1;min-width:220px}.tut-feedback .head{font-size:17px;font-weight:700}.tut-feedback.ok .head{color:var(--t-teal-ink)}.tut-feedback.no .head{color:var(--t-amber)}.tut-feedback .why{color:var(--t-ink-2);margin-top:2px;font-size:15px}.tut-feedback .tut-btn{min-height:52px;padding:0 24px;font-size:16px}.tut-celebrate{text-align:center;background:radial-gradient(60% 60% at 50% 30%, var(--t-mist) 0%, #e6f4f500 70%), var(--t-surface);justify-content:center;align-items:center}.tut-celebrate .plus{font-family:var(--t-display);color:var(--t-teal-ink);font-variant-numeric:tabular-nums;font-size:clamp(90px,14vw,132px);line-height:.9;animation:.7s cubic-bezier(.22,1,.36,1) .1s both tut-pop}.tut-celebrate .unit{letter-spacing:.2em;color:var(--t-teal);text-transform:uppercase;margin-top:-10px;font-size:13px;font-weight:700}.tut-celebrate h2{font-family:var(--t-display);margin:6px 0 0;font-size:clamp(32px,5vw,48px);font-weight:400;line-height:1.05;animation:.5s cubic-bezier(.22,1,.36,1) .25s both tut-rise}.tut-celebrate .sub{color:var(--t-ink-2);margin:0;font-size:17px;animation:.5s cubic-bezier(.22,1,.36,1) .3s both tut-rise}.tut-celebrate .tut-cta{justify-content:center;margin-top:10px;animation:.5s cubic-bezier(.22,1,.36,1) .4s both tut-rise}.tut-notyet{background:var(--t-surface)}.tut-ticks{flex-wrap:wrap;justify-content:center;gap:10px;animation:.5s cubic-bezier(.22,1,.36,1) .35s both tut-rise;display:flex}.tut-ticks span{background:var(--t-surface);width:40px;height:40px;color:var(--t-ink-4);box-shadow:inset 0 0 0 2px var(--t-line);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.tut-ticks span.on{background:var(--t-teal);color:#fff;box-shadow:none}.tut-ticks span.now{box-shadow:0 0 0 5px var(--t-mist);animation:.6s cubic-bezier(.22,1,.36,1) .6s both tut-pop}.tut-seal{background:var(--t-teal);color:#fff;width:120px;height:120px;box-shadow:0 0 0 8px var(--t-mist), 0 0 0 9px #bfe3e6;border-radius:50%;place-items:center;animation:.7s cubic-bezier(.22,1,.36,1) .1s both tut-pop;display:grid}.tut-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tut-confetti i{animation:2.6s ease-in both tut-fall;display:block;position:absolute;top:-20px}.tut-enter{animation:.45s cubic-bezier(.22,1,.36,1) both tut-rise}@keyframes tut-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes tut-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes tut-bump{0%,to{transform:scale(1)}40%{transform:scale(1.3)}}@keyframes tut-fall{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(720px)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.tut *,.tut :before,.tut :after{transition:none!important;animation:none!important}.tut-confetti{display:none}}@media (max-width:860px){.tut{padding:12px 16px 112px}.tut-layout{grid-template-columns:minmax(0,1fr);gap:14px}.tut-layout:has(.tut-side[data-view=home]) .tut-main{order:-1}.tut-steps{gap:8px;font-size:14px}.tut-side{border-radius:22px;gap:14px;padding:20px 18px;position:static}.tut-side h1{font-size:28px}.tut-side[data-view=chapter] .tut-stepper,.tut-side[data-view=chapter] .tut-foot,.tut-side[data-view=chapter] .tut-progress{display:none}.tut-side[data-view=chapter].show-all .tut-stepper{display:flex}.tut-toggle{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:0 14px;font-weight:600;display:inline-flex}.tut-side[data-view=home] .tut-toggle{display:none}.tut-panel{border-radius:22px;gap:18px;min-height:0;padding:24px 20px}.tut-examples,.tut-choices,.tut-checks{grid-template-columns:minmax(0,1fr)}.tut-steps .rule{width:18px}.tut-promise{font-size:21px}.tut-read-p{font-size:17px}.tut-btn{width:100%}.tut-crumbs .trail{display:none}}.tut-label{letter-spacing:.14em;text-transform:uppercase;color:var(--t-teal);margin-top:4px;font-size:11px;font-weight:700;display:inline-block}.tut-guide{color:var(--t-ink-2);margin:6px 0 16px;font-size:15.5px;line-height:1.6}.tut-guide b{color:var(--t-ink)}.tut-annot{gap:10px;margin:14px 0 6px;padding:0;list-style:none;display:grid}.tut-annot li{background:var(--t-mist-2);box-shadow:inset 0 0 0 1px var(--t-line);border-radius:16px;flex-wrap:wrap;gap:8px 12px;padding:14px 16px;display:flex}.tut-annot .part{flex-direction:column;flex:240px;gap:6px;min-width:0;display:flex}.tut-annot .words{font-family:var(--t-display);color:var(--t-ink);font-size:18px;line-height:1.45}.tut-annot .chip{letter-spacing:.1em;text-transform:uppercase;background:var(--t-mist);color:var(--t-teal-ink);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:700}.tut-annot .chip--why,.tut-annot .chip--how,.tut-annot .chip--then,.tut-annot .chip--timeframe,.tut-annot .chip--mitigation{color:#1e4d7b;background:#e7f1fb}.tut-annot .chip--consequences,.tut-annot .chip--whyAddresses,.tut-annot .chip--because,.tut-annot .chip--risk{background:var(--t-amber-bg);color:var(--t-amber)}.tut-try{border:1px solid var(--t-line-strong);background:var(--t-surface);width:100%;font:inherit;color:var(--t-ink);resize:vertical;border-radius:16px;margin-top:10px;padding:14px 16px;font-size:16px;line-height:1.55}.tut-try:focus{outline:2px solid var(--t-teal);outline-offset:1px}.tut-try-msg{color:var(--t-amber);margin-top:10px;font-weight:600}.tut-try-result{background:var(--t-mist-2);box-shadow:inset 0 0 0 1px var(--t-line);border-radius:16px;margin-top:16px;padding:16px 18px}.tut-try-result.no{background:var(--t-amber-bg);box-shadow:inset 0 0 0 1px var(--t-amber-line)}.tut-try-result .score{font-family:var(--t-display);color:var(--t-teal-ink);margin-bottom:8px;font-size:34px;line-height:1}.tut-try-result.no .score{color:var(--t-amber)}.tut-try-result p{color:var(--t-ink-2);margin:6px 0 0}.tut-link{color:var(--t-teal);font-weight:600;text-decoration:underline}.tut-read-h.long{font-size:clamp(25px,3.2vw,34px);line-height:1.2}.tut .cc-bpc{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:10px 0 18px;display:grid}.tut .cc-bpc--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tut .cc-bpc__col{flex-direction:column;gap:10px;min-width:0;display:flex}.tut .cc-bpc__col p{color:var(--t-ink-2);margin:0;font-size:15px;line-height:1.55}.tut .cc-bpc__head{letter-spacing:.02em;color:var(--t-teal-ink);font-size:13px;font-weight:700}.tut .cc-bpc__head--avoid{color:#b5463f}.tut .cc-bpc__col p.cc-bpc__lead{color:var(--t-ink);font-weight:600}.tut .cc-bpc__rule{color:var(--t-ink-2);flex-direction:column;gap:6px;margin:0;padding:0;font-size:14.5px;line-height:1.5;list-style:none;display:flex}.tut .cc-bpc__rule li{align-items:flex-start;gap:8px;display:flex}.tut .cc-bpc__rule li>span{background:var(--t-mist);width:20px;height:20px;color:var(--t-teal-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.tut .cc-bpc__col p.cc-bpc__limit{color:var(--t-ink-3,#5d6f73);font-size:13.5px}@media (max-width:1100px){.tut .cc-bpc,.tut .cc-bpc--3{grid-template-columns:minmax(0,1fr);gap:18px}}.tut-example{background:linear-gradient(150deg, var(--t-mist-2), #e3f3f4);font-family:var(--t-display);color:var(--t-ink);border-radius:20px;margin:10px 0 14px;padding:24px 28px;font-size:clamp(19px,2.4vw,24px);line-height:1.35}.tut-fields{gap:10px;margin:10px 0 18px;display:grid}.tut-fields>div{background:var(--t-mist-2);box-shadow:inset 0 0 0 1px var(--t-line);border-radius:16px;padding:14px 16px}.tut-fields dt{color:var(--t-teal-ink);margin-bottom:4px;font-size:14px;font-weight:700}.tut-fields dd{color:var(--t-ink-2);margin:0;font-size:15px;line-height:1.55}.tut-lesson{flex-direction:column;gap:10px;display:flex}.tut-lesson .tut-read-h.long{margin-bottom:8px}.tut-lesson .tut-read-p{margin-bottom:6px;font-size:17px}.tut-lesson__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0;display:grid}.tut-lesson__cols section{background:var(--t-mist-2);box-shadow:inset 0 0 0 1px var(--t-line);border-radius:18px;padding:18px 20px}.tut-lesson__cols section+section{background:var(--t-amber-bg);box-shadow:inset 0 0 0 1px #f6e2cb}.tut-lesson__cols h3{letter-spacing:.08em;text-transform:uppercase;color:var(--t-teal-ink);margin:0 0 8px;font-size:13px;font-weight:700}.tut-lesson__cols section+section h3{color:var(--t-amber)}.tut-lesson__cols ol,.tut-lesson__cols ul{color:var(--t-ink-2);gap:6px;margin:0;padding-left:1.4em;font-size:15px;line-height:1.55;list-style-position:outside;display:grid}.tut-lesson__cols li::marker{color:var(--t-teal);font-weight:700}.tut-lesson__cols section+section li::marker{color:var(--t-amber)}.tut-lesson__more{box-shadow:inset 0 0 0 1px var(--t-line);border-radius:18px;padding:4px 18px}.tut-lesson__more>summary{cursor:pointer;color:var(--t-teal-ink);padding:12px 0;font-weight:700;list-style-position:inside}.tut-lesson__more[open]{padding-bottom:14px}.tut-lesson__more .tut-example,.tut-lesson__more .tut-fields{margin:0}@media (max-width:760px){.tut-lesson__cols{grid-template-columns:minmax(0,1fr)}}.tut-group{letter-spacing:.14em;text-transform:uppercase;color:var(--t-sea-light);margin:10px 0 2px;font-size:11px;font-weight:700}.tut-group:first-child{margin-top:0}.tut-lesson__cols ol{list-style-type:decimal}.tut-lesson__cols ul{list-style-type:disc}