#orbital-design{--paper:#fbfaf8;--ink:#393647;--muted:#76717f;--lav:#eeebf6;--purple:#776590;--line:#e7e3eb;--green:#577c6c;--peach:#fbefe5;background:var(--paper);color:var(--ink);font-family:'Nunito',ui-rounded,'Segoe UI',sans-serif;font-size:14px;line-height:1.5;border-radius:18px;overflow:hidden;text-align:left}
#orbital-design *{box-sizing:border-box}#orbital-design button,#orbital-design input,#orbital-design select{font:inherit}#orbital-design button{cursor:pointer}#orbital-design button:focus-visible,#orbital-design input:focus-visible{outline:3px solid #ae91c9;outline-offset:3px}#orbital-design h1,#orbital-design h2,#orbital-design p{margin:0}#orbital-design h1{font-size:24px;font-weight:600;letter-spacing:-.6px}#orbital-design h2{font-size:18px;font-weight:600}#orbital-design small{font-size:12px;color:var(--muted)}#orbital-design .top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 30px;border-bottom:1px solid var(--line);padding-right:100px}#orbital-design .brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px}#orbital-design .brand i{color:var(--purple)}#orbital-design .brand small{display:block;font-weight:400;font-size:11px;letter-spacing:1.5px}#orbital-design .control{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 15px;border-radius:12px}#orbital-design .primary{background:var(--purple);color:#fff;border-color:var(--purple)}#orbital-design .hero{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:24px 30px;background:linear-gradient(110deg,#f0edf8,#f9f5f2)}#orbital-design .progress-intro{display:flex;align-items:center;gap:22px}#orbital-design .orbit{width:98px;height:98px;flex-shrink:0;position:relative}#orbital-design .orbit svg{width:100%;height:100%;transform:rotate(-90deg)}#orbital-design .orbit-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:23px;font-weight:600}#orbital-design .orbit-center small{font-size:10px;font-weight:400}#orbital-design .overline{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:600;margin-bottom:5px}#orbital-design .hero p{color:#645d70;margin-top:6px}#orbital-design .hero .numbers{font-size:12px;margin-top:9px}#orbital-design .recommend{border-left:1px solid #dcd6e4;padding-left:26px;display:flex;align-items:center;justify-content:space-between;gap:15px}#orbital-design .recommend h2{font-size:16px}#orbital-design .recommend p{font-size:12px;max-width:235px}#orbital-design .recommend button{flex-shrink:0}#orbital-design .workspace{padding:24px 30px 20px}#orbital-design .section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}#orbital-design .modes{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#f4f2f5}#orbital-design .modes button{border:0;background:transparent;padding:7px 12px;color:var(--muted);border-radius:9px;font-size:12px}#orbital-design .modes button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 1px 5px #3936470b}#orbital-design .columns{display:grid;grid-template-columns:235px minmax(0,1fr);gap:26px}#orbital-design .line-title{display:flex;gap:10px;align-items:center;margin-bottom:13px}#orbital-design .line-number{background:var(--lav);border-radius:11px;padding:10px;color:var(--purple);font-weight:600}#orbital-design .topic{width:100%;background:transparent;border:1px solid transparent;text-align:left;padding:12px;border-radius:12px;margin-bottom:5px;color:var(--ink)}#orbital-design .topic[aria-pressed=true]{background:#eeebf4;border-color:#ded7e9}#orbital-design .topic .row{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:7px}#orbital-design .topic .row span:last-child{color:var(--muted);white-space:nowrap}#orbital-design .track{height:3px;background:#dfdce4;border-radius:3px;overflow:hidden}#orbital-design .track b{display:block;height:100%;background:#a69ab8}#orbital-design .aside-note{padding:15px 12px;margin-top:15px;color:var(--muted);font-size:12px}#orbital-design .exercise{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;min-width:0}#orbital-design .exercise-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:18px;align-items:center}#orbital-design .pill{background:var(--lav);color:#726183;border-radius:7px;padding:4px 8px;font-size:11px}#orbital-design .question{font-size:15px;line-height:1.8;margin:18px 0!important}#orbital-design .substances{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}#orbital-design .substance{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:13px;color:var(--ink);min-width:65px}#orbital-design .substance[aria-pressed=true]{border-color:var(--purple);background:var(--lav)}#orbital-design .substance small{display:block;margin-bottom:4px}#orbital-design .answer-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line)}#orbital-design label{display:grid;gap:6px;font-size:12px}#orbital-design input{width:135px;border:1px solid #d4ccde;border-radius:11px;background:#fff;padding:10px 13px;color:var(--ink)}#orbital-design .hint{font-size:12px;color:var(--muted);margin-top:12px}#orbital-design .feedback{font-size:13px;margin-top:12px;color:var(--green)}#orbital-design .below{display:flex;justify-content:space-between;gap:10px;padding:14px 0;color:var(--muted);font-size:12px}#orbital-design footer{border-top:1px solid var(--line);padding:15px 30px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:11px}#orbital-design footer a{color:inherit}#orbital-design .progress-detail{display:grid;gap:14px;padding-top:16px}#orbital-design .progress-detail>div{padding:14px;background:var(--paper);border-radius:10px}#orbital-design [hidden]{display:none!important}
@media(max-width:740px){#orbital-design .top{padding:16px}#orbital-design .hero{grid-template-columns:1fr;padding:20px;gap:18px}#orbital-design .recommend{border-left:0;border-top:1px solid #dcd6e4;padding:16px 0 0}#orbital-design .workspace{padding:20px}#orbital-design .columns{grid-template-columns:1fr;gap:15px}#orbital-design .topics{display:grid;grid-template-columns:1fr 1fr;gap:5px}#orbital-design .aside-note{display:none}#orbital-design .section-head{align-items:start;flex-wrap:wrap}#orbital-design h1{font-size:21px}#orbital-design .exercise{padding:19px}#orbital-design .orbit{width:82px;height:82px}#orbital-design .brand{font-size:14px}#orbital-design .brand small{font-size:10px}}
@media(max-width:390px){#orbital-design .top{align-items:start}#orbital-design .top .control{padding:8px;font-size:12px}#orbital-design .recommend{flex-wrap:wrap}#orbital-design .topics{grid-template-columns:1fr}#orbital-design .exercise-head{flex-wrap:wrap}#orbital-design .progress-intro{gap:12px}}
#orbital-design{--ink:#000;--muted:#000;--green:#000;--purple:#c9b5e9;--lav:#eee5fa;color:#000;background:#fcfbfa;color-scheme:light}
#orbital-design .hero{background:linear-gradient(110deg,#e9dcfa 0%,#e5effb 40%,#e6f3eb 65%,#ffe7d5 100%);gap:22px;padding:22px 30px}
#orbital-design .top{background:#fff}
#orbital-design .brand i,#orbital-design .hero p,#orbital-design .line-number,#orbital-design .pill{color:#000}
#orbital-design .primary{color:#000;background:#cbb6eb;border-color:#cbb6eb}
#orbital-design .primary:hover{background:#bfa3e4}
#orbital-design .recommend{border:0;background:#ffeddd;padding:16px 18px;border-radius:16px;box-shadow:0 2px 10px #be9b7820}
#orbital-design .recommend .primary{background:#ffcda8;border-color:#ffcda8}
#orbital-design .hero h1{font-size:23px}
#orbital-design .numbers{display:flex;gap:7px;flex-wrap:wrap}
#orbital-design .numbers span{background:#fefcfb;padding:4px 9px;border-radius:7px;color:#000;font-size:11px}
#orbital-design .orbit{background:#fffaf4;border-radius:50%}
#orbital-design .overline{font-size:11px;letter-spacing:1px}
#orbital-design .orbit-center small{font-size:11px}
#orbital-design .line-number{background:#e0eafa}
#orbital-design .topic[aria-pressed=true]{background:#e9e0f5;border-color:#d5c6e7}
#orbital-design .track b{background:#a889c9}
#orbital-design .pill{background:#e5f0e8}
#orbital-design .exercise{padding:22px}
#orbital-design .scan{width:100%;height:auto;display:block;margin:25px 0;background:#fff}
#orbital-design .image-action{padding:5px 0;background:transparent;border:0;color:#000;text-decoration:underline;font-size:12px}
#orbital-design .image-panel{padding:20px;background:#fff;border:1px solid #e7e3eb;border-radius:15px;margin-bottom:15px}
#orbital-design .image-panel img{display:block;width:100%;height:auto;margin-top:15px}
#orbital-design .image-panel .close-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
#orbital-design .topic{cursor:default}
#orbital-design .modes button,#orbital-design .control{min-height:40px}
@media(max-width:740px){#orbital-design .hero{padding:18px;gap:14px}#orbital-design .recommend{padding:15px}#orbital-design .hero h1{font-size:20px}#orbital-design .topics{grid-template-columns:1fr}#orbital-design .scan{margin:18px 0}#orbital-design .top{padding-right:16px}}
@media(max-width:390px){#orbital-design .hero h1{font-size:18px}#orbital-design .exercise{padding:14px}}

#orbital-design{background:#fcfaf6;color:#000;font-family:'Manrope','Segoe UI',sans-serif;border-radius:5px;--paper:#fcfaf6;--line:#e9e3dc}
#orbital-design .top{padding:15px 105px 15px 30px;background:#fcfaf6;border-bottom:1px solid #e9e3dc}
#orbital-design .brand{font-family:'Manrope','Segoe UI',sans-serif;font-size:13px;font-weight:500;letter-spacing:0}
#orbital-design .brand small{font-size:10px;letter-spacing:1.8px;margin-top:2px}
#orbital-design .brand svg{width:25px;height:25px}
#orbital-design .top .control{border:0;background:#ebe4f4;border-radius:30px;padding:9px 17px;font-size:12px}
#orbital-design .hero{position:relative;display:grid;grid-template-columns:1fr 250px 1fr;align-items:center;gap:18px;padding:24px 32px 28px;background:radial-gradient(ellipse at 47% 48%,#ddd0ee 0%,#e8def09c 22%,transparent 48%),radial-gradient(ellipse at 86% 5%,#ffe1c7b3 0%,transparent 40%),radial-gradient(ellipse at 12% 85%,#dae6dfb0 0%,transparent 40%),#fcfaf6;border-bottom:1px solid #e9e3dc}
#orbital-design .edition{font-size:10px;letter-spacing:1.2px;line-height:1.7;color:#000;font-weight:500}
#orbital-design .editorial-intro h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:54px;line-height:.93;font-weight:500;letter-spacing:-1.6px;margin:12px 0 12px;color:#000}
#orbital-design .editorial-intro h1 em{font-weight:500;letter-spacing:-1.8px}
#orbital-design .title-dot{color:#000}
#orbital-design .editorial-intro p{font-size:12px;line-height:1.7;color:#000;margin:0}
#orbital-design .orbit-stage{position:relative;display:block;width:240px;height:220px;padding:0;border:0;background:transparent;color:#000;justify-self:center;border-radius:50%}
#orbital-design .progress-ring{position:absolute;left:20px;top:10px;width:200px;height:200px;z-index:2;filter:drop-shadow(0 8px 17px #7a619417)}
#orbital-design .orbital-path{position:absolute;border:1px solid #b1a3c0;border-radius:50%;width:246px;height:85px;left:-3px;top:68px;transform:rotate(-27deg);z-index:1}
#orbital-design .path-b{transform:rotate(36deg);height:90px;border-color:#b6c4c0}
#orbital-design .electron{position:absolute;width:14px;height:14px;border-radius:50%;z-index:3}
#orbital-design .electron-a{background:#e6ad81;left:8px;top:136px;box-shadow:0 0 0 5px #fcfaf680}
#orbital-design .electron-b{background:#a0b8ca;right:15px;top:51px;width:10px;height:10px}
#orbital-design .ring-caption{position:absolute;inset:20px;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}
#orbital-design .ring-caption strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:64px;line-height:1;font-weight:500;letter-spacing:-2px}
#orbital-design .ring-caption strong span{font-size:30px;letter-spacing:-1px;margin-left:2px}
#orbital-design .ring-caption>span{font-size:10px;letter-spacing:.1px;margin-top:6px}
#orbital-design .ring-caption small{font-size:12px;color:#000;margin-top:7px}
#orbital-design .recommend{background:transparent;box-shadow:none;border:0;border-radius:0;padding:2px 0 0 18px;display:block;position:relative}
#orbital-design .little-dot{display:inline-block;width:6px;height:6px;background:#000;border-radius:50%;margin-right:4px;vertical-align:middle}
#orbital-design .recommend h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:31px;line-height:1.04;font-weight:500;letter-spacing:-.5px;margin:10px 0}
#orbital-design .recommend p{font-size:11px;line-height:1.8;max-width:none;color:#000}
#orbital-design .recommend .primary{margin-top:13px;padding:10px 16px;border:0;background:#dbc9ee;border-radius:30px;color:#000;font-size:12px;display:inline-flex;gap:22px;align-items:center}
#orbital-design .recommend .primary:hover{background:#cdb4e7}
#orbital-design .chemistry-stamp{display:flex;align-items:center;gap:7px;margin-top:12px;transform:rotate(-4deg);color:#000}
#orbital-design .chemistry-stamp span{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:13px;line-height:1.1}
#orbital-design .chemistry-stamp svg{width:24px;height:24px;stroke-width:1}
#orbital-design .workspace{padding:22px 32px 12px}
#orbital-design .section-head{margin-bottom:18px}
#orbital-design .section-head h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;font-weight:500}
#orbital-design .modes{background:transparent;border:0;border-radius:0;padding:0;gap:16px}
#orbital-design .modes button{background:transparent;border-radius:0;padding:6px 0;box-shadow:none;color:#000}
#orbital-design .modes button[aria-pressed=true]{background:transparent;box-shadow:none;border-bottom:2px solid #a488c7}
#orbital-design .columns{grid-template-columns:205px minmax(0,1fr);gap:30px}
#orbital-design .line-title{align-items:flex-start}
#orbital-design .line-number{background:#e7edf0;border-radius:50%;font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;padding:2px 10px}
#orbital-design .line-title>div{font-size:13px}
#orbital-design .line-title small{font-size:11px}
#orbital-design .topic{border:0;border-radius:0;padding:12px 0;border-bottom:1px solid #e9e3dc;margin:0}
#orbital-design .topic[aria-pressed=true]{background:transparent;border-color:#e9e3dc}
#orbital-design .topic[aria-pressed=true] .row span:first-child{font-weight:600}
#orbital-design .track{height:3px;background:#e8e2eb}
#orbital-design .track b{background:#ae95c9}
#orbital-design .aside-note{padding:14px 0;margin:0;font-size:11px}
#orbital-design .exercise{border-radius:5px;border:1px solid #e7e0d8;padding:21px 24px;box-shadow:3px 5px 0 #eee8f1}
#orbital-design .pill{background:#e4eee7;border-radius:30px;color:#000}
#orbital-design .answer-row .primary{border-radius:30px;background:#dbc9ee;color:#000;border:0;padding:11px 19px}
#orbital-design input{border-radius:7px;border-color:#c8becf}
#orbital-design .below{padding:15px 0;font-size:11px}
#orbital-design footer{font-size:10px;background:#f8f5ef}
@media(max-width:800px){#orbital-design .hero{grid-template-columns:1fr 230px;gap:10px 20px;padding:20px 25px}#orbital-design .recommend{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0 0;border-top:1px solid #e0d6e5}#orbital-design .recommend h2{font-size:25px;margin:5px 0}#orbital-design .recommend h2 br{display:none}#orbital-design .recommend .primary{margin:0;flex-shrink:0}#orbital-design .chemistry-stamp{display:none}#orbital-design .columns{grid-template-columns:190px minmax(0,1fr);gap:20px}}
@media(max-width:600px){#orbital-design .top{padding:13px 18px}#orbital-design .hero{grid-template-columns:minmax(0,1fr) 165px;padding:20px 18px;gap:8px}#orbital-design .edition{font-size:9px;letter-spacing:.7px}#orbital-design .editorial-intro h1{font-size:42px}#orbital-design .editorial-intro p{font-size:11px}#orbital-design .orbit-stage{width:165px;height:175px}#orbital-design .progress-ring{width:156px;height:156px;left:4px;top:8px}#orbital-design .orbital-path{width:174px;height:65px;top:55px;left:-5px}#orbital-design .electron-a{left:0;top:109px;width:10px;height:10px}#orbital-design .electron-b{right:6px;top:38px;width:8px;height:8px}#orbital-design .ring-caption{inset:10px}#orbital-design .ring-caption strong{font-size:49px}#orbital-design .ring-caption>span{font-size:9px}#orbital-design .ring-caption small{font-size:11px}#orbital-design .recommend{margin-top:8px}#orbital-design .recommend h2{font-size:23px}#orbital-design .workspace{padding:20px 18px 10px}#orbital-design .columns{grid-template-columns:1fr}#orbital-design .topics{display:none}#orbital-design .line-title{margin:0}#orbital-design .aside-note{display:none}#orbital-design .exercise{padding:18px}#orbital-design .section-head h2{font-size:26px}}
@media(max-width:360px){#orbital-design .hero{grid-template-columns:minmax(0,1fr) 145px;padding:17px 12px}#orbital-design .editorial-intro h1{font-size:36px}#orbital-design .orbit-stage{width:145px}#orbital-design .progress-ring{width:144px;height:144px;left:0;top:15px}#orbital-design .orbital-path{width:153px;left:-4px}#orbital-design .recommend{flex-wrap:wrap}#orbital-design .recommend .primary{margin-top:4px}}

#orbital-design em,#orbital-design .chemistry-stamp span{font-style:normal}
#orbital-design .editorial-intro h1{font-style:normal}
#orbital-design .chemistry-overview{padding:17px 32px 6px;background:#fcfaf6}
#orbital-design .overview-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:13px}
#orbital-design .overview-heading h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-weight:500}
#orbital-design .overview-heading>span{font-size:11px}
#orbital-design .chemistry-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#orbital-design .chemistry-section{display:block;text-align:left;border:0;border-radius:5px;padding:15px 18px;background:#eee6f5;color:#000;font-family:inherit;min-width:0;transition:background .15s}
#orbital-design .chemistry-section:hover{background:#e5d8f0}
#orbital-design .chemistry-section.inorganic{background:#e5edf0}
#orbital-design .chemistry-section.inorganic:hover{background:#d9e7ed}
#orbital-design .chemistry-section.organic{background:#f8e9db}
#orbital-design .chemistry-section.organic:hover{background:#f4dfca}
#orbital-design .section-name{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:500}
#orbital-design .section-name>span{font-size:18px;font-weight:400}
#orbital-design .section-main{display:flex;align-items:center;gap:15px;margin:9px 0 10px}
#orbital-design .section-main>strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:43px;line-height:1;font-weight:500;letter-spacing:-1px}
#orbital-design .section-main>strong>span{font-size:23px;margin-left:1px}
#orbital-design .section-main>span{font-size:11px;line-height:1.6}
#orbital-design .section-meter{display:block;height:5px;border-radius:5px;overflow:hidden;background:#fff9}
#orbital-design .section-meter>span{display:block;height:100%;background:#a488c7;border-radius:5px}
#orbital-design .inorganic .section-meter>span{background:#85a9bb}
#orbital-design .organic .section-meter>span{background:#d8a67b}
#orbital-design .section-breakdown{display:flex;justify-content:space-between;gap:8px;margin-top:11px;font-size:11px;flex-wrap:wrap}
#orbital-design .section-breakdown b{font-weight:600}
#orbital-design .detail-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:16px;color:#000}
#orbital-design .detail-table th,#orbital-design .detail-table td{padding:10px 4px;border-bottom:1px solid #e9e3dc;text-align:right;font-weight:400}
#orbital-design .detail-table th:first-child,#orbital-design .detail-table td:first-child{text-align:left}
#orbital-design .detail-table tfoot td{font-weight:600}
#orbital-design .detail-note{font-size:11px;margin-top:15px;line-height:1.7}
#orbital-design .detail-back{margin-top:15px}
@media(max-width:700px){#orbital-design .chemistry-overview{padding:17px 18px 6px}#orbital-design .chemistry-sections{gap:8px}#orbital-design .chemistry-section{padding:12px}#orbital-design .section-main{gap:7px;flex-wrap:wrap}#orbital-design .section-name{font-size:12px}#orbital-design .section-main>strong{font-size:38px}#orbital-design .overview-heading{flex-wrap:wrap;gap:2px}}
@media(max-width:480px){#orbital-design .chemistry-sections{grid-template-columns:1fr}#orbital-design .chemistry-section{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px;padding:13px 16px}#orbital-design .section-name{align-self:center;font-size:14px}#orbital-design .section-name>span{display:none}#orbital-design .section-main{margin:0;justify-content:flex-end}#orbital-design .section-meter{grid-column:1/-1;margin-top:5px}#orbital-design .section-breakdown{grid-column:1/-1;margin-top:5px}#orbital-design .detail-table{font-size:11px}#orbital-design .detail-table th,#orbital-design .detail-table td{padding:9px 2px}}


#orbital-design .hero{padding-top:14px;padding-bottom:14px}
#orbital-design .workspace{padding-bottom:24px}

#orbital-design{--chemistry-sticker-sheet:url("stickers/chemistry-sections.webp")}
#orbital-design .pinterest-sticker{display:block;flex:0 0 68px;width:68px;height:68px;background-image:var(--chemistry-sticker-sheet);background-repeat:no-repeat;background-size:300% 100%;pointer-events:none;filter:drop-shadow(0 3px 2px #55475c12);margin:-20px -8px -16px 6px}
#orbital-design .sticker-flask{background-position:left center;transform:rotate(-11deg)}
#orbital-design .sticker-tubes{background-position:center center;transform:rotate(10deg)}
#orbital-design .sticker-molecule{background-position:right center;transform:rotate(-8deg)}
#orbital-design .section-name{min-height:32px}
#orbital-design .chemistry-overview{padding-top:25px}
@media(max-width:700px){#orbital-design .pinterest-sticker{flex-basis:51px;width:51px;height:51px;margin:-12px -5px -8px 2px}}
@media(max-width:480px){#orbital-design .section-name .pinterest-sticker{display:block;flex-basis:42px;width:42px;height:42px;margin:-5px 0 -5px 3px}#orbital-design .section-name{gap:2px}#orbital-design .section-main{gap:5px}#orbital-design .chemistry-section{column-gap:8px}}

#orbital-design .section-name .pinterest-sticker{display:block;flex:0 0 58px;width:58px;height:58px;margin:-8px 0 -8px 8px;transform:none;filter:none;pointer-events:none;background-image:var(--chemistry-sticker-sheet);background-size:300% 100%;background-repeat:no-repeat}
#orbital-design .sticker-atom{background-position:left center}
#orbital-design .sticker-crystal{background-position:center center}
#orbital-design .sticker-ethanol{background-position:right center}
#orbital-design .section-name{min-height:42px;align-items:center}
#orbital-design .chemistry-overview{padding-top:18px}
@media(max-width:700px){#orbital-design .section-name .pinterest-sticker{flex-basis:43px;width:43px;height:43px;margin:0 0 0 4px}}
@media(max-width:480px){#orbital-design .section-name .pinterest-sticker{flex-basis:36px;width:36px;height:36px;margin:0 0 0 4px}#orbital-design .section-name{gap:2px}}

#orbital-design .hero{grid-template-columns:minmax(0,1.35fr) 250px minmax(0,.8fr)}
#orbital-design .editorial-intro h1{font-size:36px;line-height:1.08;letter-spacing:-.8px;margin:8px 0 13px;font-style:normal}
#orbital-design .editorial-intro .bank-description{font-size:14px;line-height:1.7;color:#000;max-width:310px;margin:0}
#orbital-design .bank-description strong{font-weight:600;font-style:normal;background:linear-gradient(transparent 63%,#dccbef 63%,#dccbef 93%,transparent 93%);padding:0 2px}
#orbital-design .header-socials{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px}
#orbital-design .header-socials a{color:#000;text-decoration:none;font-size:12px;display:inline-flex;align-items:center;gap:5px;min-height:32px;border-bottom:1px solid #baafc5}
#orbital-design .header-socials a:hover{border-color:#000}
#orbital-design .header-socials a:focus-visible{outline:2px solid #9275b5;outline-offset:4px}
@media(max-width:800px){#orbital-design .hero{grid-template-columns:minmax(0,1fr) 230px}#orbital-design .editorial-intro h1{font-size:32px}#orbital-design .editorial-intro .bank-description{font-size:13px}}
@media(max-width:600px){#orbital-design .hero{grid-template-columns:minmax(0,1fr) 165px}#orbital-design .editorial-intro h1{font-size:29px;line-height:1.05}#orbital-design .editorial-intro .bank-description{font-size:12px;line-height:1.6}#orbital-design .bank-description br{display:none}#orbital-design .header-socials{gap:10px;margin-top:10px}#orbital-design .header-socials a{font-size:11px;min-height:36px}}
@media(max-width:390px){#orbital-design .hero{grid-template-columns:minmax(0,1fr) 145px;gap:10px}#orbital-design .editorial-intro h1{font-size:27px}#orbital-design .orbit-stage{width:145px}#orbital-design .progress-ring{width:144px;height:144px;left:0;top:15px}#orbital-design .orbital-path{width:153px;left:-4px}#orbital-design .header-socials{grid-column:1/-1;gap:8px}#orbital-design .header-socials a{gap:3px}}

#orbital-design .top{padding-top:12px;padding-bottom:12px;gap:18px}
#orbital-design .top .brand{font-size:15px}
#orbital-design .top #orb-account{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:600;min-height:49px;min-width:178px;padding:12px 22px;background:#ceb9e8;border:1px solid #bba0d8;border-radius:15px;color:#000;box-shadow:0 3px 0 #bba0d82b}
#orbital-design .top #orb-account:hover{background:#c2a7e3}
#orbital-design .top #orb-account svg{width:21px;height:21px;flex-shrink:0}
#orbital-design .hero{grid-template-columns:minmax(0,1.15fr) 252px minmax(0,.85fr);gap:9px;padding:8px 32px}
#orbital-design .editorial-intro .bank-description{max-width:295px}
#orbital-design .recommend{padding-left:8px}
#orbital-design .orbit-stage{width:252px;height:224px}
#orbital-design .progress-ring{width:220px;height:220px;left:16px;top:2px}
#orbital-design .orbital-path{width:252px;left:0;top:72px;height:82px}
#orbital-design .path-b{height:90px;top:67px}
#orbital-design .ring-caption{inset:12px}
#orbital-design .ring-caption strong{font-size:69px}
#orbital-design .ring-caption>span{font-size:11px}
#orbital-design .electron-a{left:9px;top:139px}
#orbital-design .electron-b{right:15px;top:57px}
#orbital-design .chemistry-overview{padding-top:12px}
@media(max-width:800px){#orbital-design .hero{grid-template-columns:minmax(0,1fr) 252px;gap:8px 15px;padding:12px 25px}#orbital-design .recommend{padding:12px 0 0;margin-top:0;gap:15px}}
@media(max-width:600px){#orbital-design .top{padding:12px 18px}#orbital-design .top #orb-account{font-size:15px;min-width:151px;min-height:46px;padding:10px 15px;gap:8px}#orbital-design .top .brand{font-size:13px;gap:7px}#orbital-design .hero{grid-template-columns:minmax(0,1fr) 170px;gap:8px;padding:12px 18px}#orbital-design .orbit-stage{width:170px;height:175px}#orbital-design .progress-ring{width:166px;height:166px;left:2px;top:4px}#orbital-design .orbital-path{width:174px;height:65px;top:55px;left:-2px}#orbital-design .path-b{height:65px;top:55px}#orbital-design .electron-a{left:1px;top:109px}#orbital-design .electron-b{right:6px;top:38px}#orbital-design .ring-caption{inset:8px}#orbital-design .ring-caption strong{font-size:53px}#orbital-design .ring-caption>span{font-size:10px}}
@media(max-width:390px){#orbital-design .top{padding:10px 12px;gap:8px;flex-wrap:wrap}#orbital-design .top .brand{font-size:12px}#orbital-design .top #orb-account{font-size:14px;min-width:144px}#orbital-design .hero{grid-template-columns:minmax(0,1fr) 145px;padding:12px;gap:8px}#orbital-design .orbit-stage{width:145px}#orbital-design .progress-ring{width:144px;height:144px;left:0;top:15px}#orbital-design .orbital-path{width:153px;left:-4px}#orbital-design .ring-caption strong{font-size:49px}}

#orbital-design .columns{grid-template-columns:minmax(0,1fr);gap:16px}
#orbital-design .columns>aside{display:flex;gap:22px;align-items:center;min-width:0}
#orbital-design .line-title{margin:0;flex:0 0 190px}
#orbital-design .topics{display:flex;flex:1;gap:18px;min-width:0}
#orbital-design .topic{flex:1;min-width:0;padding:8px 0}
#orbital-design .topic .row{font-size:11px;flex-wrap:wrap;gap:3px 8px}
#orbital-design .exercise{padding:20px 22px}
#orbital-design .exercise-head{margin-bottom:8px}
#orbital-design .scan{display:block;width:100%;height:auto;margin:16px 0 22px;object-fit:contain}
@media(max-width:740px){#orbital-design .columns>aside{align-items:flex-start;flex-direction:column;gap:10px}#orbital-design .line-title{flex-basis:auto}#orbital-design .topics{width:100%;gap:14px}#orbital-design .exercise{padding:15px 12px}}
@media(max-width:600px){#orbital-design .topics{display:none}#orbital-design .workspace{padding-left:10px;padding-right:10px}#orbital-design .exercise{padding:14px 8px}}


/* Live application layout; task screenshots keep their original proportions. */
html{background:#fcfaf6}body#orbital-design{max-width:1200px;margin:0 auto;border-radius:0;overflow:visible;font-size:16px;color:#000}
#orbital-design h1,#orbital-design h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}
#orbital-design h3,#orbital-design button,#orbital-design input,#orbital-design select{font-family:'Manrope','Segoe UI',sans-serif}
#orbital-design .site-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 32px;border-bottom:1px solid #e9e3dc}
#orbital-design .site-brand{display:flex;align-items:center;gap:10px;font-size:15px}
#orbital-design .site-top .account-open{position:static;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:600;min-height:49px;min-width:180px;padding:12px 22px;background:#ceb9e8;border:1px solid #bba0d8;border-radius:15px;color:#000;white-space:normal;margin:0}
#orbital-design .profile-symbol{font-size:25px;line-height:1}
#orbital-design .account-open.sync-error{border-color:#a64126;box-shadow:0 0 0 2px #e6b79b}
#orbital-design .hero{grid-template-columns:minmax(0,1.15fr) 252px minmax(0,.85fr);gap:9px;padding:8px 32px}
#orbital-design .ring-caption #bank-percent{font:inherit;letter-spacing:inherit;margin:0}
#orbital-design .ring-caption .percent-sign{font-size:30px}
#orbital-design .recommend h2{font-size:27px;line-height:1.15}
#orbital-design .recommend p{font-size:13px}
#orbital-design .recommend .button{font-size:14px;font-weight:500;background:#dbc9ee;color:#000;border:0;border-radius:30px;margin-top:14px}
#orbital-design .chemistry-section strong[data-percent]{font-size:43px}
#orbital-design .section-main>[data-count]{max-width:130px}
#orbital-design .chemistry-section progress{height:5px;background:#fff9}
#orbital-design .chemistry-section progress::-webkit-progress-bar{background:#fff9}
#orbital-design .chemistry-section progress::-webkit-progress-value{background:#a488c7}
#orbital-design .chemistry-section progress::-moz-progress-bar{background:#a488c7}
#orbital-design .inorganic progress::-webkit-progress-value{background:#85a9bb}
#orbital-design .inorganic progress::-moz-progress-bar{background:#85a9bb}
#orbital-design .organic progress::-webkit-progress-value{background:#d8a67b}
#orbital-design .organic progress::-moz-progress-bar{background:#d8a67b}
#orbital-design .layout{display:block;max-width:none}
#orbital-design main{padding:24px 32px 0;background:none}
#orbital-design .line-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
#orbital-design .line-link{border:1px solid #e0d7e7;padding:8px 13px;display:block;border-radius:8px;background:transparent;color:#000}
#orbital-design .line-link strong{font:500 14px/1.5 'Manrope','Segoe UI',sans-serif}
#orbital-design .line-link span{display:none}
#orbital-design .line-link.active{background:#e9dff3;border-color:#c0a6d8;box-shadow:none}
#orbital-design .page-heading{padding:0;margin:0 0 16px;background:none;border:0;box-shadow:none;display:block}
#orbital-design .page-heading h1{font-size:30px;line-height:1.2;letter-spacing:-.4px;max-width:none}
#orbital-design .page-heading .eyebrow{display:none}
#orbital-design .workspace-toolbar{margin:0 0 18px;padding:0;background:none;border:0;display:flex;align-items:center;justify-content:space-between;gap:12px}
#orbital-design .mode-switch{border:0;border-radius:0;background:none;gap:18px;padding:0;display:flex;flex-wrap:wrap}
#orbital-design .mode-switch button{font:500 14px/1.5 'Manrope','Segoe UI',sans-serif;background:transparent;border:0;border-radius:0;box-shadow:none;padding:8px 0;color:#000}
#orbital-design .mode-switch button[aria-pressed=true]{border-bottom:2px solid #a488c7;background:none;color:#000;box-shadow:none}
#orbital-design #toolbar-meta{font-size:12px;color:#000}
#orbital-design .sidebar{border:0;padding:0 0 18px;background:none;display:block}
#orbital-design .line-card{display:none}
#orbital-design #topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px 16px;overflow:visible;max-height:none}
#orbital-design .topic-button{width:auto;min-height:0;flex-basis:auto;border:0;border-bottom:1px solid #e5dfea;border-radius:0;padding:8px 0;color:#000;font-size:13px;line-height:1.5;grid-template-columns:20px minmax(0,1fr);background:none}
#orbital-design .topic-button.active{background:#f0eaf5;border-bottom-color:#a488c7}
#orbital-design .topic-button small,#orbital-design .topic-number{font-size:11px;color:#000}
#orbital-design .content-layout{display:block}
#orbital-design .topic-heading{margin:0 0 12px;gap:12px}
#orbital-design .topic-heading h2{font-size:25px;line-height:1.25}
#orbital-design #position{font-size:13px;white-space:nowrap;color:#000}
#orbital-design .task-tabs{gap:6px;margin-bottom:12px;display:flex;flex-wrap:wrap;overflow:visible}
#orbital-design .task-tab{min-width:36px;min-height:36px;font-size:13px;border-radius:7px;color:#000;background:#f4f0f6;border:1px solid #e0d6e7}
#orbital-design .task-tab.active{outline:2px solid #9b7abb;background:#e8dbf4;color:#000}
#orbital-design .task-tab.correct{background:#dfeee3}#orbital-design .task-tab.wrong{background:#f7dfd2}#orbital-design .task-tab.pending{background:#eee7ce}
#orbital-design .task-card,#orbital-design .teacher-task{padding:20px 22px;border:1px solid #e7e0d8;border-radius:5px;background:#fff;box-shadow:3px 5px 0 #eee8f1}
#orbital-design .task-top{margin-bottom:15px;display:flex;justify-content:space-between;gap:12px}
#orbital-design .task-label{font-size:13px;color:#000}
#orbital-design .task-status{font-size:12px;background:#e5efe7;color:#000}
#orbital-design .source-image-wrap{max-width:100%;overflow-x:auto;margin:0;background:#fff;scrollbar-width:thin}
#orbital-design .source-task-image{display:block;width:100%;min-width:850px;height:auto;max-width:none;object-fit:contain}
#orbital-design .task-scroll-hint{display:none;font-size:12px;margin:8px 0 0;color:#000}
#orbital-design .selection-help{font-size:14px;margin:18px 0 10px;color:#000}
#orbital-design .answer-numbers{gap:8px;margin-bottom:16px}
#orbital-design .element{min-height:40px;width:40px;font-size:16px;border-color:#ddd2e6;background:#f1eaf7;color:#000}
#orbital-design .element[aria-pressed=true]{background:#dac7ed;outline-color:#9675b8}
#orbital-design #answer-form{justify-content:flex-start;gap:14px;padding-top:16px}
#orbital-design .answer-label{font-size:14px;color:#000}
#orbital-design .answer-label input{background:white;border-color:#c8becf;font-size:18px;width:160px;border-radius:8px}
#orbital-design .button.primary{background:#dbc9ee;color:#000;border:0;border-radius:25px}
#orbital-design .button.outline,#orbital-design .text-button,#orbital-design .button.plain{color:#000;border-color:#cfc2da}
#orbital-design .answer-help,#orbital-design #explanation,#orbital-design #explanation-body,#orbital-design #explanation-body strong{color:#000}
#orbital-design #feedback{color:#000}
#orbital-design .rail{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
#orbital-design .progress-card,#orbital-design .note-card,#orbital-design .collection-card{border-radius:8px;border:1px solid #e4dce9;background:#f1ebf6;color:#000;padding:18px}
#orbital-design .note-card{background:#f7eddf;border-style:solid}
#orbital-design .progress-card .mini-label,#orbital-design .progress-value,#orbital-design .progress-card>progress{display:none}
#orbital-design .topic-progress-inline{margin-top:0}
#orbital-design .progress-card .button{width:auto}
#orbital-design .rail p,#orbital-design .rail small,#orbital-design .rail span,#orbital-design .mini-label{color:#000}
#orbital-design .collection-card{grid-column:1/-1}
#orbital-design .note-card p{font-size:15px;line-height:1.7}
#orbital-design .progress-stats>div{border:0;border-radius:8px;background:#eee6f5}
#orbital-design .progress-stats>div:nth-child(2){background:#f8e9db}
#orbital-design .progress-stats>div:nth-child(3){background:#e5edf0}
#orbital-design .progress-stats>div:nth-child(4){background:#e5eee8}
#orbital-design .progress-stats small,#orbital-design .progress-fraction,#orbital-design .progress-footnote,#orbital-design .topic-progress-row p{color:#000}
#orbital-design .topic-progress-list{border-radius:8px}
#orbital-design dialog{background:#fcfaf6;color:#000;border:1px solid #dfd4e7;border-radius:14px;width:min(1000px,94vw)}
#orbital-design dialog h2{font-size:28px}
#orbital-design .account-panel{margin:20px 0 0;background:#f0e9f7;border-color:#ddd0e8;border-radius:10px}
#orbital-design .account-panel p,#orbital-design #sync-status{color:#000}
#orbital-design .account-panel #sync-status.error{color:#8c270e}
#orbital-design #login-dialog{max-width:540px}
#orbital-design .bank-detail-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e9e3dc}
#orbital-design .bank-detail-row h3{font-size:16px;line-height:1.5}
#orbital-design .bank-detail-row p{font-size:13px;line-height:1.6;margin:5px 0 10px}
#orbital-design #bank-details{margin-top:18px}
#orbital-design footer{background:transparent;padding:20px 0;font-size:13px;color:#000}
#orbital-design .social-links a{color:#000;font-size:13px}
@media(max-width:1050px){#orbital-design .source-task-image{min-width:850px}#orbital-design .task-scroll-hint{display:block}}
@media(max-width:800px){#orbital-design .hero{grid-template-columns:minmax(0,1fr) 252px;padding:12px 25px}#orbital-design .recommend{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;border-top:1px solid #e0d6e5}#orbital-design .recommend .button{margin:0}#orbital-design .recommend h2{font-size:25px}}
@media(max-width:600px){#orbital-design .site-top{padding:12px 16px}#orbital-design .site-top .account-open{min-width:145px;font-size:15px;padding:10px 13px}#orbital-design .site-brand{font-size:13px;gap:6px}#orbital-design .hero{grid-template-columns:minmax(0,1fr) 165px;padding:12px 16px}#orbital-design main{padding:20px 12px 0}#orbital-design .sidebar{padding-bottom:16px}#orbital-design #topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}#orbital-design .line-navigation{gap:6px}#orbital-design .line-link{padding:7px 10px}#orbital-design .page-heading h1{font-size:27px}#orbital-design .mode-switch{gap:14px;width:auto}#orbital-design .mode-switch button{font-size:13px;flex:none}#orbital-design .task-card,#orbital-design .teacher-task{padding:16px 12px}#orbital-design .rail{grid-template-columns:1fr}#orbital-design .note-card{grid-column:auto}#orbital-design .bank-detail-row{grid-template-columns:1fr;gap:10px}#orbital-design .bank-detail-row .button{justify-self:start}#orbital-design .progress-title-row{flex-wrap:wrap}#orbital-design .topic-progress-row{grid-template-columns:1fr}#orbital-design .ring-caption #bank-percent{font-size:53px}#orbital-design .task-tab{min-width:40px;min-height:40px}#orbital-design .topic-button{padding:10px 4px}#orbital-design .recommend p{font-size:12px}}
@media(max-width:390px){#orbital-design .hero{grid-template-columns:minmax(0,1fr) 145px;padding:12px}#orbital-design .site-top{padding:10px 12px;gap:7px}#orbital-design .site-brand{font-size:12px}#orbital-design .site-brand img{width:20px}#orbital-design .site-top .account-open{min-width:138px;font-size:14px}#orbital-design .recommend{flex-wrap:wrap;gap:10px}#orbital-design .ring-caption #bank-percent{font-size:49px}}
@media(max-width:480px){#orbital-design .chemistry-section progress{grid-column:1/-1;width:100%}}
@media print{#orbital-design>.site-top,#orbital-design>.hero,#orbital-design>.chemistry-overview,#orbital-design>.layout,#orbital-design>dialog{display:none!important}#orbital-design #print-area{display:block!important}#orbital-design{max-width:none;background:#fff}}

/* Global sections and cross-bank worksheet filters. */
#orbital-design .site-top{flex-wrap:wrap;gap:14px}
#orbital-design .main-menu{display:flex;gap:5px;align-items:center;margin-left:auto;padding:5px;background:#f0e9f6;border-radius:28px}
#orbital-design .main-menu button{border:0;background:transparent;color:#000;font:inherit;font-size:14px;padding:11px 16px;border-radius:23px;cursor:pointer;white-space:nowrap}
#orbital-design .main-menu button[aria-pressed=true]{background:#fffaf5;box-shadow:0 2px 7px #65517618}
#orbital-design .main-menu button:focus-visible{outline:2px solid #87629e;outline-offset:2px}
#orbital-design[data-mode=teacher]>.hero,#orbital-design[data-mode=teacher]>.chemistry-overview,#orbital-design[data-mode=progress]>.hero,#orbital-design[data-mode=progress]>.chemistry-overview{display:none}
#orbital-design [hidden]{display:none!important}
#orbital-design #progress-card{display:none}
#orbital-design .note-card{grid-column:1/-1}
#orbital-design .teacher-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:#f0e9f6;border:1px solid #e1d7e8;padding:20px;border-radius:16px;align-items:end}
#orbital-design .teacher-filter{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;color:#000}
#orbital-design .teacher-filter select,#orbital-design .teacher-filter input,#orbital-design .progress-filters select{width:100%;min-width:0;max-width:100%;min-height:44px;border:1px solid #d4c5df;border-radius:9px;background:#fffdf9;color:#000;padding:9px;font:inherit;font-size:14px}
#orbital-design .teacher-search{grid-column:span 2}
#orbital-design .teacher-toolbar .text-button{text-align:left;justify-self:start}
#orbital-design .teacher-help{font-size:14px;color:#000;line-height:1.7;margin:16px 0 25px}
#orbital-design .teacher-line-heading{font-size:25px;margin:32px 0 12px;padding-bottom:12px;border-bottom:1px solid #d8cbe2}
#orbital-design .teacher-topic-heading{font-size:17px;margin:22px 0 14px;padding:12px 16px;border-radius:8px;background:#e8eee7;font-weight:500}
#orbital-design .teacher-task{margin-bottom:18px}
#orbital-design .progress-filters{display:grid;grid-template-columns:1fr 2fr;gap:18px;padding:18px;background:#f0e9f6;border-radius:12px;margin:18px 0}
#orbital-design .progress-filters label{display:grid;gap:8px;font-size:13px;min-width:0}
#orbital-design[data-mode=progress] .workspace-toolbar{display:none}
#orbital-design[data-mode=teacher] .topic-heading h2{font-size:20px}
@media(max-width:950px){#orbital-design .main-menu{order:3;margin:0;width:100%;justify-content:center}}
@media(max-width:600px){#orbital-design .main-menu button{padding:11px 10px;font-size:13px;flex:1}#orbital-design .teacher-toolbar{grid-template-columns:1fr;padding:15px}#orbital-design .teacher-search{grid-column:auto}#orbital-design .progress-filters{grid-template-columns:1fr}#orbital-design .site-top .account-open{margin-left:auto}#orbital-design .teacher-line-heading{font-size:21px}}
#orbital-design #teacher-list{min-width:0;grid-template-columns:minmax(0,1fr)}
#orbital-design #teacher-list>*{min-width:0;max-width:100%}
#orbital-design #teacher-view .collection-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:center;margin:20px 0;padding:18px}
#orbital-design #teacher-view .collection-card .mini-label,#orbital-design #collection-empty{display:none}
#orbital-design #teacher-view .collection-card h3{margin:0;font-size:19px}
#orbital-design #selected-lines{margin:0;grid-column:1;font-size:13px}
#orbital-design #selected-list{grid-column:1/-1;margin:0;max-height:210px;overflow:auto}
#orbital-design #preview-work{grid-column:2;grid-row:1/3;width:auto;margin:0}
#orbital-design #teacher-view .collection-card>small{grid-column:1/-1;font-size:12px}
@media(max-width:600px){#orbital-design #teacher-view .collection-card{grid-template-columns:minmax(0,1fr)}#orbital-design #preview-work{grid-column:1;grid-row:auto;justify-self:start}}