.education-entry { flex-shrink:0; font-size:12px; color:#537062; padding:11px 14px; border-radius:7px; white-space:nowrap; }.education-entry:hover,.education-entry[aria-current] { background:#eef4ea; }.nav-inner { gap:14px; }.nav-location { margin-right:auto; }.lesson-memory button { font-size:12px; color:#3b6b51; padding:7px 11px; border:1px solid #c8d9bf; border-radius:6px; white-space:nowrap; background:#fff; }
.example-menu { margin-left:0; }.scene-tool { width:246px !important; height:159px; }.scene-tool .quiz-picture { height:100%; background:transparent; }.tool-practice { max-width:1240px; margin:auto; padding:36px 40px 80px; }.tool-task { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:32px; padding:28px; background:#f4f7ef; border:1px solid #dfe6d5; border-radius:12px; }.tool-task>div>span { font-size:11px; color:#829272; }.tool-task h2 { font-size:23px; margin-top:12px; line-height:1.6; letter-spacing:-.6px; }.tool-task ol { counter-reset:task-step; display:grid; gap:13px; list-style:none; }.tool-task li { display:flex; align-items:baseline; gap:8px; font-size:12px; line-height:1.8; flex-wrap:wrap; }.tool-task li:before { counter-increment:task-step; content:counter(task-step); width:20px; height:20px; line-height:20px; text-align:center; background:#e0eacd; color:#6c8059; border-radius:50%; font-size:10px; flex-shrink:0; }.tool-task b { font-weight:500; color:#28714a; }.tool-note { font-size:11px; color:#86917d; margin:16px 0 32px; line-height:1.8; }.tool-note a { text-decoration:underline; color:#457239; }.practice-store>header { display:flex; justify-content:space-between; align-items:baseline; margin:40px 0 24px; }.practice-store h2 { font-size:25px; letter-spacing:-.5px; }.practice-store>header>span { font-size:11px; color:#939f89; }.practice-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px 24px; }.practice-product { display:block; min-width:0; }.practice-product>img { width:100%; aspect-ratio:1; object-fit:contain; background:#f5f5ef; border-radius:8px; }.practice-product>div { padding:16px 0; }.practice-product small { display:block; color:#8d9784; font-size:10px; margin-bottom:7px; }.practice-product h3 { font-size:14px; line-height:1.7; min-height:48px; }.practice-product strong { display:block; font-size:14px; margin-top:8px; }.practice-product>div>span { display:inline-block; margin-top:14px; font-size:10px; color:#44713b; border-bottom:1px solid #bbcdb0; padding-bottom:4px; }.practice-product figcaption { font-size:13px; line-height:1.8; margin-top:14px; }.practice-product figcaption small { margin-top:5px; }.url-practice { padding:26px; border:1px solid #dce5d4; border-radius:10px; margin-top:28px; }.url-practice label { display:block; font-size:12px; color:#6d815f; margin-bottom:16px; }.url-practice textarea { width:100%; border:1px solid #d1decb; border-radius:6px; padding:14px; font:12px/2 monospace; color:#4b6d3d; background:#f9fbf5; resize:vertical; }.url-practice>div { display:flex; align-items:center; gap:16px; margin-top:18px; }.url-practice button { font-size:12px; padding:12px 17px; color:white; background:#34784d; border-radius:6px; }.url-practice [role=status],.url-practice p { font-size:11px; color:#809271; line-height:1.8; }.url-practice p { margin-top:20px; }.gallery-small-images { border-top:1px solid #dce4d4; margin-top:40px; padding-top:24px; display:flex; gap:18px; align-items:center; font-size:11px; color:#91a085; }.practice-detail { max-width:1140px; margin:60px auto; padding:0 40px; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }.practice-detail-photo img { width:100%; aspect-ratio:4/5; object-fit:contain; border-radius:10px; background:#f5f4ef; }.practice-product-brand { font-size:12px; color:#819276; }.practice-detail h1 { font-size:34px; margin:15px 0; line-height:1.4; }.practice-product-description { font-size:13px; color:#8a9482; line-height:1.9; }.practice-product-price { display:block; font-size:28px; margin:28px 0; }.practice-specifications { border-block:1px solid #e2e8dd; padding:16px 0; }.practice-specifications>div { display:grid; grid-template-columns:100px 1fr; padding:12px 0; gap:16px; font-size:13px; }.practice-specifications dt { color:#97a48a; }.practice-detail footer { display:flex; flex-wrap:wrap; gap:16px; margin-top:25px; font-size:11px; color:#7a8f6a; }.practice-detail footer span { display:block; width:100%; line-height:1.8; }.practice-detail footer a { text-decoration:underline; text-underline-offset:4px; }
@media(max-width:900px) { .practice-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.tool-task { grid-template-columns:1fr; gap:24px; }.practice-detail { gap:30px; padding-inline:25px; }.practice-detail h1 { font-size:26px; } }
@media(max-width:600px) { .tool-practice { padding:28px 20px 60px; }.tool-task { padding:22px; }.tool-task h2 { font-size:20px; }.practice-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 16px; }.practice-detail { grid-template-columns:1fr; margin:30px auto; }.practice-detail-photo img { max-height:380px; }.url-practice { padding:20px; }.url-practice>div { flex-wrap:wrap; }.url-practice textarea { font-size:10px; }.practice-store h2 { font-size:21px; } }
.quiz-is-open { overflow:hidden; }.visual-quiz { box-sizing:border-box; width:660px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 40px); margin:auto; padding:34px; border:0; border-radius:18px; color:#263f35; box-shadow:0 24px 100px #142c3540; overflow:auto; }.visual-quiz::backdrop { background:#1b302d85; backdrop-filter:blur(3px); }.quiz-close { position:absolute; right:15px; top:12px; font-size:25px; background:none; color:#7b8e84; padding:3px 7px; }.quiz-kicker { font-size:11px; color:#79917f; }.visual-quiz h2 { margin:14px 0 28px; font-size:23px; line-height:1.5; letter-spacing:-.5px; outline:none; }.quiz-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.quiz-option { position:relative; padding:0; border:2px solid #e1e8de; border-radius:10px; overflow:hidden; background:white; color:#50665b; text-align:center; }.quiz-option:hover { border-color:#a1b69b; }.quiz-option:focus-visible { outline:3px solid #718da6; outline-offset:3px; }.quiz-option.is-correct { border-color:#2e8962; background:#f0f8ec; }.quiz-option.is-incorrect { border-color:#b5764d; }.quiz-option.is-correct:after,.quiz-option.is-incorrect:after { position:absolute; top:8px; right:8px; width:22px; height:22px; line-height:22px; border-radius:50%; color:white; background:#2e8962; content:'✓'; font-size:13px; }.quiz-option.is-incorrect:after { content:'×'; background:#b5764d; }.quiz-picture { display:block; width:100%; height:auto; background:#f5f7f1; }.quiz-picture text { fill:#466553; font-family:inherit; font-size:13px; }.quiz-picture .qp-paper { fill:#fff; stroke:#b8c9b6; stroke-width:1.5; }.quiz-picture .qp-line { fill:none; stroke:#99ad96; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }.quiz-picture .qp-bold-line { fill:none; stroke:#7c9d84; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; }.quiz-picture .qp-warning-line { fill:none; stroke:#b7916d; stroke-width:3; stroke-linecap:round; }.qp-green { fill:#dcecd0; }.qp-blue { fill:#e1edf8; }.qp-accent { fill:#4b8c64; }.qp-muted { fill:#e4e8de; }.quiz-picture .qp-white { fill:white; }.quiz-picture .qp-number { fill:#3971a3; font-weight:600; }.quiz-picture .qp-faded { fill:#b6c2b0; }.qp-ghost { fill:#f7f6f0; stroke:#c3caba; stroke-dasharray:4 4; }.qp-pick { fill:#deecfc; stroke:#4c87b9; stroke-width:3; }.quiz-option-label { display:flex; gap:6px; align-items:center; justify-content:center; padding:16px 5px; font-size:12px; line-height:1.6; }.quiz-option-label i { display:inline-grid; place-items:center; width:18px; height:18px; border-radius:50%; background:#edf2e8; color:#859479; font-size:10px; font-style:normal; flex-shrink:0; }.quiz-feedback { margin-top:22px; font-size:13px; color:#9b734e; line-height:1.8; }.quiz-feedback:empty { display:none; }.quiz-feedback.is-correct { color:#2e7651; }.quiz-finish { display:block; margin:22px 0 0 auto; padding:10px 23px; font-size:12px; background:#28734e; color:white; border-radius:6px; }
.education-preview { max-width:980px; padding:70px 32px 90px; margin:auto; }.education-kicker { color:#739078; font-size:12px; }.education-preview h1 { font-size:42px; line-height:1.5; margin:22px 0; letter-spacing:-1px; }.education-preview>p { color:#81907d; font-size:14px; line-height:1.8; }.education-flow { margin-top:48px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.education-flow>div { padding:24px; border-radius:12px; background:#f2f6ee; }.education-flow>div>span { display:block; font-size:12px; color:#89a07a; }.education-flow b { font-size:18px; display:block; margin-top:10px; font-weight:500; }.edu-mini-window,.edu-mini-pick,.edu-mini-quiz { height:105px; margin-top:22px; border:1px solid #b7c9b0; border-radius:6px; background:white; padding:14px; display:flex; flex-direction:column; gap:9px; justify-content:center; }.edu-mini-window i { height:10px; background:#dfebd5; border-radius:3px; }.edu-mini-pick { flex-direction:row; }.edu-mini-pick i { width:45%; height:65px; border:3px solid #6b9bbe; background:#edf6fc; border-radius:5px; }.edu-mini-quiz { flex-direction:row; align-items:center; }.edu-mini-quiz i { height:55px; width:28%; display:grid; place-items:center; background:#f2f3e9; border:1px solid #e0e6d8; border-radius:5px; font-style:normal; }.edu-mini-quiz i:nth-child(2) { background:#e2efd7; border:2px solid #709f66; color:#4c7945; }.education-outlines { display:grid; grid-template-columns:repeat(2,1fr); gap:25px; margin-top:35px; }.education-outlines small { color:#96a38b; font-size:10px; }.education-outlines h2 { font-size:15px; margin:10px 0; }.education-outlines p { font-size:12px; line-height:1.8; color:#87947d; }.education-preview footer { margin-top:40px; border-top:1px solid #dbe3d4; padding-top:25px; display:flex; align-items:center; justify-content:space-between; gap:18px; font-size:12px; color:#90a087; }.education-preview footer a { color:#45733d; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:760px) { .nav-inner { gap:6px; }.education-entry { margin-left:auto; font-size:11px; padding-inline:9px; }.visual-quiz { padding:28px 20px; }.visual-quiz h2 { font-size:20px; }.quiz-options { gap:8px; }.quiz-option-label { font-size:11px; padding-block:13px; }.quiz-option-label i { display:none; } }
@media(max-width:500px) { .brand strong { font-size:18px; }.brand strong span { font-size:14px; }.education-entry { font-size:10px; padding:9px 7px; }.example-menu>summary { font-size:10px; padding-inline:9px; }.visual-quiz { padding:27px 16px; }.visual-quiz h2 { font-size:18px; }.quiz-option-label { font-size:10px; letter-spacing:-.35px; }.quiz-options { gap:6px; }.education-preview { padding:45px 20px; }.education-preview h1 { font-size:32px; }.education-flow { gap:8px; }.education-flow>div { padding:15px 10px; }.education-flow b { font-size:14px; }.edu-mini-window,.edu-mini-pick,.edu-mini-quiz { padding:8px; height:83px; }.edu-mini-pick i { height:53px; }.education-outlines { grid-template-columns:1fr; gap:20px; }.education-preview footer { align-items:flex-start; flex-direction:column; } }

/* Feature-first navigation and a quieter exercise header. */
.feature-copy h2 { font-size:21px; color:#173f33; font-weight:650; margin-bottom:6px; }
.feature-copy .feature-function { font-size:14px; color:#3d6555; margin:0 0 17px; line-height:1.6; }
.feature-usecase { border-top:1px solid #e8ece5; padding-top:14px; font-size:12px; color:#78867d; margin:0 0 7px; }
.feature-summary { font-size:11px; color:#89958c; }
.exercise-title h1 { font-size:28px; line-height:1.45; }
.exercise-title-detail { display:block; font-size:17px; font-weight:400; color:#5e776b; margin-top:7px; }
.exercise-header .exercise-description { font-size:12px; color:#84948b; margin-top:10px; }
.exercise-heading { align-items:center; }
.experience-control { display:grid;grid-template-columns:auto auto;align-items:center;gap:12px;flex:0 0 auto; }
.experience-control #experience-status { grid-column:1 / -1; }
.page-tutorial-open { border:1px solid #cad5d2;border-radius:9px;background:white;color:#36504b;padding:12px 14px;font-size:13px;cursor:pointer;white-space:nowrap; }
.page-tutorial-open:hover { background:#f1f6f4; }
@media(max-width:760px){.experience-control{align-self:flex-end;margin-left:auto;grid-template-columns:auto auto;}.experience-control .experience-start{width:auto;}.page-tutorial-open{padding:12px;font-size:12px;}}
#experience-status:empty { display:none; }
.experience-unavailable { flex-shrink:0; min-width:275px; padding:21px 25px; background:#ecefe8; border:1px solid #d9dfd3; border-radius:10px; }
.experience-unavailable>span { display:block; font-size:11px; color:#75836d; margin-bottom:7px; }
.experience-unavailable strong { display:block; font-size:20px; color:#596b4e; }
.experience-unavailable p { font-size:11px; color:#7f8a77; margin-top:8px; line-height:1.7; }
.menu-groups a b { display:block; font-size:13px; }.menu-groups a span { display:block; margin-top:4px; font-size:11px; color:#7a8b80; }
.schedule-page { max-width:1220px; margin:45px auto 80px; padding:0 40px; }.schedule-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:24px; gap:15px; }.schedule-heading span { font-size:10px; letter-spacing:1.5px; color:#8b9c90; }.schedule-heading h2 { font-size:26px; margin-top:10px; }.schedule-heading p,.schedule-footnote { font-size:12px; color:#7b8a80; }.schedule-footnote { margin-top:18px; }.schedule-page .course-layout { display:block; }.schedule-scroll { overflow-x:auto; border:1px solid #bccbbe; border-radius:10px; }.merged-schedule { border-collapse:collapse; width:100%; min-width:890px; font-size:12px; }.merged-schedule caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }.merged-schedule th,.merged-schedule td { border:1px solid #d6dfd5; padding:14px 12px; text-align:center; line-height:1.6; }.merged-schedule thead { background:#dce9db; color:#3c6245; }.merged-schedule thead tr:first-child { background:#cbdcc9; }.merged-schedule tbody th[scope=row] { text-align:left; font-weight:400; min-width:175px; }.merged-schedule .schedule-group { background:#eff3e8; color:#587644; width:110px; }.merged-schedule .schedule-venue { background:#eef4f9; color:#5b7d91; }.merged-schedule .schedule-team { background:#faf4e7; color:#8c754b; min-width:110px; }.merged-schedule .schedule-fee { font-variant-numeric:tabular-nums; }.merged-schedule tbody+tbody { border-top:2px solid #b3c6af; }
@media(max-width:760px) { .example-menu { margin-left:auto; }.experience-unavailable { width:100%; min-width:0; }.schedule-page { padding-inline:20px; margin-top:30px; }.schedule-heading { align-items:start; flex-direction:column; }.exercise-title h1 { font-size:25px; }.exercise-title-detail { font-size:15px; } }

/* Feature names carry the hierarchy; examples live in the preview and sample itself. */
.catalog-basics{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-group-heading{margin-bottom:22px}.feature-summary{margin-top:18px}.experience-pending:disabled{opacity:1;background:#e8edeb;color:#64756e;cursor:default;border:1px solid #d2dcd7}#experience-status:empty{display:none}
.scene-basic-body{display:flex;gap:9px;padding:12px 6px}.scene-basic-sidebar{width:22%;padding-top:10px}.scene-basic-sidebar i{display:block;height:4px;margin:10px 0;background:#cdd8d1}.scene-basic-products{width:78%}.scene-browser.scene-whole_extraction{outline:3px solid #548cf2;outline-offset:5px}.scene-partial_extraction .scene-basic-products{outline:3px solid #548cf2;outline-offset:3px}.scene-empty{background:#e9f0ff!important;box-shadow:inset 0 0 0 1px #bfd2f3}
.basic-store-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.basic-store-heading h2{font-size:30px;margin-top:8px}.basic-store-heading span{font-size:11px;color:#73817b}.basic-store-layout{display:grid;grid-template-columns:170px 1fr;gap:32px}.basic-store-layout aside{font-size:12px;color:#7b8880;line-height:2.5}.basic-store-layout aside hr{margin:24px 0;border:0;border-top:1px solid #dde5df}.basic-store .practice-product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.basic-store .practice-product img{height:150px}.sparse-schedule td:empty{background:#edf3fd;box-shadow:inset 0 0 0 1px #d5e2f7}.sparse-schedule tbody th{min-width:170px}.sparse-schedule td{height:52px}
@media(max-width:1100px){.catalog-basics{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-store .practice-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.catalog-basics{grid-template-columns:1fr}.basic-store-layout{display:block}.basic-store-layout aside{display:none}.basic-store .practice-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Focused tool workbenches: one interaction, no duplicate instructions or product grid. */
.tabs-preview,.url-workbench{max-width:930px;margin:12px auto 48px;border:1px solid #dce2df;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 12px 36px #22332a08}
.practice-tabbar{display:flex;align-items:center;gap:6px;background:#f0f3f1;border-bottom:1px solid #dce2df;padding:12px 14px 0}
.practice-tabbar button{display:flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid transparent;border-radius:10px 10px 0 0;color:#65726b;font-size:13px}
.practice-tabbar button[aria-selected=true]{background:white;color:#24382e;border-color:#dce2df;border-bottom-color:white;margin-bottom:-1px}.practice-tabbar img{width:24px;height:24px;object-fit:contain}.preview-label{margin-left:auto;align-self:center;color:#78867e;font-size:11px;padding:0 12px 12px}
.tab-product{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:center;padding:42px}.tab-product[hidden]{display:none}.tab-product>img{width:100%;height:260px;object-fit:contain;background:#f8f7f3;border-radius:10px}.tab-product small{font-size:11px;color:#6c7c72}.tab-product h2{font-size:23px;line-height:1.5;margin:8px 0 24px}.tab-fields{border-top:1px solid #dde5df}.tab-fields>div{display:grid;grid-template-columns:65px 1fr;gap:20px;font-size:14px;padding:12px 0;border-bottom:1px solid #edf0ed}.tab-fields dt{color:#7d8881}.tab-fields dd{color:#253c2e}
.url-workbench{padding:34px 38px}.workbench-label{font-size:11px;color:#6c7c72}.url-pattern{display:grid;gap:14px}.url-pattern code{font:14px/1.8 ui-monospace,monospace;overflow-wrap:anywhere;color:#68766e}.url-pattern mark{background:#eee2f5;color:#65457f;border-radius:4px;padding:4px 6px;font-weight:700}.url-range{display:flex;align-items:center;gap:36px;padding:28px 0 18px;margin-top:20px;border-top:1px solid #e1e7e2}.url-range label{display:flex;align-items:center;gap:14px;font-size:12px;color:#6c7c72}.url-range input,.url-range b{width:100px;border:1px solid #d4dcd6;border-radius:6px;padding:10px;font:600 17px ui-monospace,monospace;color:#273d30}.url-range b{border-color:transparent;padding-inline:0;width:auto}.url-range output{margin-left:auto;white-space:nowrap;font-size:20px;font-weight:700;color:#65457f}#practice-range-help{font-size:12px;color:#7c8880}.url-preview-list{display:grid;gap:10px;background:#f6f8f6;border-radius:8px;margin-top:25px;padding:22px;font:13px ui-monospace,monospace}.url-preview-list a{color:#486951;text-decoration:underline;text-underline-offset:3px}.url-preview-list span{color:#a4aea7}
.tutorial-observation{display:grid;gap:7px;margin-top:15px;padding:12px;border:1px solid #ffffff24;border-radius:8px;font-size:12px;line-height:1.5}.observation-before{color:#d6cdbd}.observation-after{color:#fff;font-weight:700;border-left:3px solid #f3c66a;padding-left:9px}
@media(max-width:650px){.practice-tabbar{gap:0;padding-inline:6px}.practice-tabbar button{padding:12px 10px;font-size:12px}.preview-label{display:none}.tab-product{padding:24px;gap:24px;grid-template-columns:110px 1fr}.tab-product>img{height:160px}.tab-product h2{font-size:16px;margin-bottom:16px}.tab-fields>div{grid-template-columns:36px 1fr;gap:8px;font-size:12px}.url-workbench{padding:24px 20px}.url-pattern code{font-size:12px}.url-range{gap:15px;flex-wrap:wrap}.url-range label{gap:10px}.url-range output{margin-left:0;font-size:18px}.url-range input{width:90px}}
/* Keep the address pattern and preview together within a single screen. */
.url-workbench{padding:28px 32px}.url-pattern{gap:10px}.url-range{padding:20px 8px 14px;margin-top:16px}.url-preview-list{gap:8px;margin-top:18px;padding:16px}
@media(max-width:650px){.url-workbench{padding:24px 20px}}
.case-thumbnail{aspect-ratio:400/280;background:#f5f4f1;border-bottom:1px solid #e2e7dd;overflow:hidden}.case-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.tutorial-card .tutorial-instruction{margin-top:14px!important;padding-top:12px;border-top:1px solid #ffffff25;color:#ffe1a1!important}.tutorial-instruction:before{content:attr(data-label);display:block;font-size:10px;font-weight:700;letter-spacing:.3px;margin-bottom:5px;color:#f3c66a}
.image-download-source{margin-bottom:35px;padding:24px;border:1px solid #dce2df;border-radius:12px;overflow:auto}.image-download-source>span{display:block;font-size:12px;color:#68766e;margin-bottom:18px}.image-download-source table{width:100%;font-size:12px;text-align:left}.image-download-source td,.image-download-source th{padding:12px;border-bottom:1px solid #e3e8e4;overflow-wrap:anywhere}.image-download-source th{color:#3c654b;background:#f4f7f3}
.detail-hint{margin:0 0 24px;color:#63736b;font-size:13px}.url-workbench{display:grid;grid-template-columns:1.1fr 1fr;padding:0;max-width:1080px;overflow:visible}.url-rule-editor{padding:32px;min-width:0}.url-rule-editor h2{font-size:23px;margin:10px 0 24px;letter-spacing:-.5px}.url-rule-result{padding:32px;background:#f6f8f5;border-radius:0 16px 16px 0;border-left:1px solid #dce2df;min-width:0}.url-pattern code{font-size:13px;color:#66776d}.url-pattern mark{background:#fff0cf;color:#875b0c}.url-range{border:0;gap:14px;margin:26px 0 12px;padding:0;align-items:end}.url-range label{display:flex;flex-direction:column;align-items:start;gap:9px}.url-range b{width:100px;border:1px solid #dce2df;background:#f5f6f3;padding:12px;font-size:18px;border-radius:7px}.url-range input{padding:12px;font-size:18px;border-color:#d49a36;background:#fffdf7}.url-range input:focus{outline:2px solid #d49a3640;outline-offset:3px}.url-range-separator{padding-bottom:13px;color:#a2aca5}.url-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#62766a}.url-result-heading output{font-size:22px;font-weight:700;color:#285d41}.url-preview-list{margin:28px 0 0;padding:0;background:none;gap:12px}.url-preview-list a{display:block;padding:14px 16px;border:1px solid #dde5dc;border-radius:8px;background:#fff;color:#3d5747;text-decoration:none;font-size:13px}.url-preview-list span{text-align:center}.url-result-note{font-size:12px;line-height:1.6;color:#77877d;margin-top:26px}@media(max-width:760px){.url-workbench{grid-template-columns:1fr}.url-rule-editor,.url-rule-result{padding:26px}.url-rule-result{border-left:0;border-top:1px solid #dce2df;border-radius:0 0 16px 16px}.url-rule-editor h2{font-size:21px}}