/*src:1bf9693345fd7eb4e094e82985e1c424*/
.w3c-tone--forest{background: #e8f1fb}.w3c-tone--navy{background: #e8f0fe}.w3c-tone--plum{background: #f1e8fb}.w3c-tone--rust{background: #fff0e6}.w3c-tone--teal{background: #e1f5f2}.w3c-tone--slate{background: #eeeef2}.w3c-tone--ochre{background: #fdf6e3}.w3c-tone--wine{background: #fdecec}.w3c-gh{padding-bottom: 50px;background: #fff;color: var(--w3c-text);font-family: var(--w3c-font-ui)}.w3c-gh-wrap{width: min(100% - 56px,1042px);margin: 0 auto}.w3c-gh-section{margin-top: 48px}.w3c-gh-head{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 20px}.w3c-gh-head h2{margin: 0;font-size: 24px;font-weight: 600;line-height: 36px;color: var(--w3c-ink)}.w3c-gh-head--actions{flex-wrap: wrap}.w3c-gh-head__actions{display: flex;flex-wrap: wrap;gap: 8px}.w3c-gh-more{display: inline-flex;align-items: center;flex: 0 0 auto;height: 32px;padding: 0 14px;border: 1px solid var(--w3c-ink);border-radius: 32px;color: var(--w3c-ink);font-size: 14px;font-weight: 500;text-decoration: none;white-space: nowrap;transition: border-color 150ms ease,color 150ms ease}.w3c-gh-more:hover{border-color: var(--w3c-brand);color: var(--w3c-brand)}.w3c-gh-hero{display: flex;align-items: center;min-height: 220px;padding: 28px 0 24px;text-align: center;background: #fff}.w3c-gh-hero .w3c-gh-wrap{max-width: 820px}.w3c-gh-hero h1{margin: 0 0 18px;font-size: clamp(26px,3.6vw,36px);font-weight: 600;line-height: 1.3;color: var(--w3c-ink);text-wrap: balance}.w3c-gh-search{display: flex;align-items: center;gap: 10px;max-width: 640px;height: 54px;margin: 0 auto;padding: 0 7px 0 18px;border: 1px solid #d5dade;border-radius: 14px;background: #fff;box-shadow: 0 1px 2px rgba(16,24,40,0.05);transition: border-color 150ms ease,box-shadow 150ms ease}.w3c-gh-search:hover{border-color: #b9c0c6}.w3c-gh-search:focus-within{border-color: var(--w3c-brand);box-shadow: 0 0 0 4px rgba(15,118,110,0.12),0 6px 20px rgba(16,24,40,0.08)}.w3c-gh-search>svg{flex: 0 0 auto;width: 20px;height: 20px;color: #6e7781}.w3c-gh-search input{flex: 1 1 auto;min-width: 0;height: 100%;margin: 0;padding: 0;border: 0;background: transparent;color: var(--w3c-ink);font: 400 16.5px var(--w3c-font-body);outline: none;box-shadow: none}.w3c-gh-search input::placeholder{color: #6e7781}.w3c-gh-search input::-webkit-search-cancel-button{display: none}.w3c-gh-search__key{flex: 0 0 auto;display: inline-grid;place-items: center;min-width: 26px;height: 26px;margin-right: 8px;padding: 0 7px;border: 1px solid #d5dade;border-radius: 7px;background: #f6f8f9;color: #57606a;font: 600 13px/1 var(--w3c-font-mono)}.w3c-gh-search button{flex: 0 0 auto;display: none;place-items: center;width: 40px;height: 40px;padding: 0;border: 0;border-radius: 10px;background: var(--w3c-brand);color: #fff;cursor: pointer}.w3c-gh-search button svg{width: 18px;height: 18px}.w3c-gh-search button:hover{background: var(--w3c-brand-dark)}.w3c-gh-search:focus-within .w3c-gh-search__key,.w3c-gh-search:has(input:not(:placeholder-shown)) .w3c-gh-search__key{display: none}.w3c-gh-search:focus-within button,.w3c-gh-search:has(input:not(:placeholder-shown)) button{display: grid}@media (hover: none){.w3c-gh-search__key{display: none}.w3c-gh-search button{display: grid}}.w3c-gh-chips{display: flex;flex-wrap: nowrap;justify-content: center;gap: 0;margin: 20px 0 0;padding: 0 4px;overflow-x: auto;list-style: none;scrollbar-width: none}.w3c-gh-chips::-webkit-scrollbar{display: none}.w3c-gh-chips li{flex: 0 0 auto}.w3c-gh-chips a{display: inline-flex;align-items: center;height: 32px;margin: 0 9px;padding: 0 10px;border: 1px solid var(--w3c-border-strong);border-radius: 6px;background: #fff;color: var(--w3c-text);font-size: 14px;font-weight: 500;text-decoration: none;white-space: nowrap;transition: border-color 150ms ease,color 150ms ease}.w3c-gh-chips a:hover{border-color: var(--w3c-brand);color: var(--w3c-brand)}.w3c-gh-courses{display: grid;grid-template-columns: repeat(3,292px);justify-content: space-between;gap: 42px 0}.w3c-gh-course{display: flex;flex-direction: column;overflow: hidden;border: 1px solid #e4e4ea;border-radius: 10px;background: #fff;color: var(--w3c-text);text-decoration: none;transition: box-shadow 180ms ease}.w3c-gh-course:hover{box-shadow: var(--w3c-card-shadow-hover)}.w3c-gh-course__media{display: flex;align-items: flex-end;justify-content: space-between;height: 130px;padding: 14px 16px;color: var(--w3c-ink)}.w3c-gh-course__code{font-size: 26px;font-weight: 700;letter-spacing: 0.02em}.w3c-gh-course__media small{padding: 3px 9px;border-radius: 999px;background: rgba(255,255,255,0.8);color: var(--w3c-text);font-size: 12px;font-weight: 600}.w3c-gh-course__body{display: flex;flex: 1 1 auto;flex-direction: column;gap: 8px;padding: 14px 16px 16px}.w3c-gh-course__body strong{min-height: 44px;color: var(--w3c-ink);font-size: 17px;font-weight: 600;line-height: 22px}.w3c-gh-course__level{display: flex;align-items: center;gap: 8px;color: var(--w3c-muted);font-family: var(--w3c-font-body);font-size: 14px;line-height: 1.4}.w3c-gh-course__level svg{flex: 0 0 auto;width: 16px;height: 16px;color: var(--w3c-brand)}.w3c-gh-course__cta{display: inline-flex;align-items: center;justify-content: center;align-self: flex-start;margin-top: auto;height: 36px;padding: 0 16px;border: 1px solid var(--w3c-brand);border-radius: 6px;color: var(--w3c-brand);font-size: 14px;font-weight: 600;transition: background-color 150ms ease,color 150ms ease}.w3c-gh-course:hover .w3c-gh-course__cta{background: var(--w3c-brand);color: #fff}.w3c-gh .w3c-notify{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 16px 32px;align-items: center;margin: 24px 0 0;padding: 18px 24px;border: 1px solid var(--w3c-line);border-radius: 12px;background: var(--w3c-surface-soft);box-shadow: none}.w3c-gh .w3c-notify__copy p,.w3c-gh .w3c-notify__copy h3{margin: 0;text-align: left}.w3c-gh .w3c-notify__eyebrow{margin-bottom: 2px;color: var(--w3c-brand);font-size: 13px;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase}.w3c-gh .w3c-notify__copy h3{margin-bottom: 2px;color: var(--w3c-ink);font-size: 18px;font-weight: 600}.w3c-gh .w3c-notify__copy p:last-child{color: var(--w3c-muted);font-family: var(--w3c-font-body);font-size: 14px}.w3c-gh .w3c-notify__form{display: flex;flex-wrap: wrap;gap: 8px;margin: 0}.w3c-gh .w3c-notify__form input[type="email"]{flex: 1 1 240px;box-sizing: border-box;min-height: 40px;padding: 0 14px;border: 1px solid var(--w3c-border-strong);border-radius: 6px;background: #fff;color: var(--w3c-ink);font: 400 15px var(--w3c-font-body)}.w3c-gh .w3c-notify__form button{min-height: 40px;padding: 0 18px;border: 0;border-radius: 6px;background: var(--w3c-brand);color: #fff;font: 600 14.5px var(--w3c-font-ui);cursor: pointer}.w3c-gh .w3c-notify__status{grid-column: 1 / -1;margin: 0;font-size: 14px;font-weight: 500}.w3c-gh .w3c-notify__hp{position: absolute;left: -9999px}.w3c-gh-strip{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 14px 16px}.w3c-gh-topic{display: flex;align-items: center;justify-content: space-between;gap: 10px;min-height: 72px;padding: 12px 16px;border-radius: 12px;color: var(--w3c-ink);font-size: 16px;font-weight: 600;line-height: 1.3;text-decoration: none;transition: box-shadow 150ms ease}.w3c-gh-topic:hover{box-shadow: var(--w3c-card-shadow-hover);color: var(--w3c-ink)}.w3c-gh-topic i{display: grid;flex: 0 0 auto;place-items: center;width: 28px;height: 28px;border-radius: 50%;background: rgba(255,255,255,0.85);color: var(--w3c-brand);font-style: normal;font-size: 15px}.w3c-gh-tiles{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px}.w3c-tile{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;min-height: 132px;padding: 18px 14px;border-radius: 10px;color: var(--w3c-ink);text-align: center;text-decoration: none;transition: box-shadow 150ms ease}.w3c-tile:hover{box-shadow: var(--w3c-card-shadow-hover);color: var(--w3c-ink)}.w3c-tile strong{font-size: 18px;font-weight: 600;line-height: 1.3}.w3c-tile small{color: #55595e;font-family: var(--w3c-font-body);font-size: 13px;line-height: 1.4}.w3c-tile__cta{display: inline-flex;align-items: center;gap: 6px;margin-top: 8px;padding: 4px 12px;border: 1px solid var(--w3c-ink);border-radius: 999px;font-size: 13px;font-weight: 500}.w3c-tile__cta i{font-style: normal}.w3c-tile:hover .w3c-tile__cta{border-color: var(--w3c-brand);color: var(--w3c-brand)}.w3c-gh-list{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px}.w3c-gh-item{display: flex;flex-direction: column;gap: 6px;padding: 16px;border: 1px solid var(--w3c-line);border-radius: 12px;background: #fff;color: var(--w3c-text);text-decoration: none;transition: box-shadow 150ms ease}.w3c-gh-item:hover{box-shadow: var(--w3c-card-shadow-hover)}.w3c-gh-item small{color: var(--w3c-brand);font-size: 12.5px;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase}.w3c-gh-item strong{color: var(--w3c-ink);font-size: 16px;font-weight: 600;line-height: 1.35}.w3c-gh-item:hover strong{color: var(--w3c-brand)}.w3c-gh-item span{margin-top: auto;color: var(--w3c-muted);font-family: var(--w3c-font-body);font-size: 13px}.w3c-gh-services{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 20px}.w3c-gh-service{display: flex;flex-direction: column;padding: 18px 20px;border: 1px solid var(--w3c-line);border-radius: 12px;background: #fff;color: var(--w3c-text);text-decoration: none;transition: box-shadow 150ms ease}.w3c-gh-service:hover{box-shadow: var(--w3c-card-shadow-hover)}.w3c-gh-service strong{display: block;margin-bottom: 6px;color: var(--w3c-ink);font-size: 17px;font-weight: 600}.w3c-gh-service p{margin: 0 0 10px;font-family: var(--w3c-font-body);font-size: 15px;line-height: 1.55}.w3c-gh-service__tags{margin-top: auto;color: var(--w3c-muted);font-size: 13.5px;font-weight: 500}.w3c-fp{background: #fff;color: var(--w3c-text);font-family: var(--w3c-font-ui)}.w3c-fp input,.w3c-fp select,.w3c-fp textarea,.w3c-ide input,.w3c-ide textarea{box-sizing: border-box}.w3c-fp-dots{display: inline-flex;gap: 6px}.w3c-fp-dots i{width: 11px;height: 11px;border-radius: 50%;background: #ff5f57}.w3c-fp-dots i:nth-child(2){background: #febc2e}.w3c-fp-dots i:nth-child(3){background: #28c840}.w3c-ide{display: flex;flex-direction: column;height: calc(100vh - var(--w3c-header-height));min-height: 560px;background: var(--w3c-surface-soft);font-family: var(--w3c-font-ui)}body.admin-bar .w3c-ide{height: calc(100vh - var(--w3c-header-height) - 32px)}.w3c-ide__bar{display: flex;align-items: center;gap: 16px;padding: 8px 16px;border-bottom: 1px solid var(--w3c-line);background: #fff}.w3c-ide__title{margin: 0;padding-right: 12px;border-right: 1px solid var(--w3c-line);color: var(--w3c-ink);font-size: 17px;font-weight: 700;white-space: nowrap}.w3c-ide__tabs{display: flex;gap: 2px;overflow-x: auto}.w3c-ide__tabs button{padding: 8px 14px;border: 0;border-radius: 6px;background: transparent;color: var(--w3c-muted);font: 600 15px var(--w3c-font-ui);white-space: nowrap;cursor: pointer}.w3c-ide__tabs button:hover{color: var(--w3c-ink)}.w3c-ide__tabs button[aria-selected="true"]{background: var(--w3c-brand-soft);color: var(--w3c-brand-dark)}.w3c-ide__tools{display: flex;align-items: center;gap: 6px;margin-left: auto}.w3c-ide__tool{padding: 8px 12px;border: 1px solid var(--w3c-border);border-radius: 6px;background: #fff;color: var(--w3c-text);font: 600 14px var(--w3c-font-ui);cursor: pointer}.w3c-ide__tool:hover{border-color: var(--w3c-border-strong)}.w3c-ide__tool.is-active{border-color: var(--w3c-brand);background: var(--w3c-brand-soft);color: var(--w3c-brand-dark)}.w3c-ide__run{min-height: 38px;padding: 0 18px;font-size: 15px}.w3c-ide__run.is-busy{opacity: 0.7;pointer-events: none}.w3c-ide__body{display: grid;flex: 1 1 auto;grid-template-columns: minmax(0,1fr) minmax(0,1fr);min-height: 0}.w3c-ide__pane{display: flex;flex-direction: column;min-height: 0;background: #fff}.w3c-ide__pane--editor{border-right: 1px solid var(--w3c-line)}.w3c-ide__pane-head{display: flex;align-items: center;gap: 12px;padding: 8px 14px;border-bottom: 1px solid var(--w3c-line);background: var(--w3c-fill);color: var(--w3c-muted);font: 500 12.5px var(--w3c-font-mono)}.w3c-ide__pane-head button{margin-left: auto;border: 0;background: none;color: var(--w3c-muted);font: 600 13px var(--w3c-font-ui);cursor: pointer}.w3c-ide__editor{flex: 1 1 auto;min-height: 0}.w3c-ide__editor .w3c-ed{height: 100%}.w3c-ide__fallback{width: 100%;height: 100%;min-height: 320px;padding: 14px;border: 0;font: 400 14px/1.6 var(--w3c-font-mono);resize: none}.w3c-ide__preview{flex: 1 1 auto;width: 100%;border: 0;background: #fff}.w3c-ide__console{flex: 1 1 auto;margin: 0;padding: 16px;overflow: auto;color: var(--w3c-ink);font: 400 13.5px/1.6 var(--w3c-font-mono);white-space: pre-wrap;word-break: break-word}.w3c-ide__console.is-hint{color: var(--w3c-muted)}.w3c-ide__console.is-error{color: #b91c1c}.w3c-ide__stdin{padding: 10px 14px 14px;border-top: 1px solid var(--w3c-line)}.w3c-ide__stdin label{display: block;margin-bottom: 6px;color: var(--w3c-muted);font: 600 13px var(--w3c-font-ui)}.w3c-ide__stdin textarea{width: 100%;padding: 8px 10px;border: 1px solid var(--w3c-border);border-radius: 6px;font: 400 13px/1.5 var(--w3c-font-mono);resize: vertical}.w3c-ct__band{position: relative;overflow: hidden;padding: 44px 0 112px;border-bottom: 1px solid #dcece9;background: #eef7f5}.w3c-ct__band::before,.w3c-ct__band::after{content: "";position: absolute;border: 1px solid rgba(15,118,110,0.16);border-radius: 50%;pointer-events: none}.w3c-ct__band::before{top: -150px;right: 6%;width: 360px;height: 360px}.w3c-ct__band::after{top: 30px;right: calc(6% + 250px);width: 150px;height: 150px}.w3c-ct .w3c-ct__title{position: relative;margin: 0;color: var(--w3c-ink);font-family: var(--w3c-font-ui);font-size: 38px;font-weight: 700;line-height: 1.2}.w3c-ct__grid{position: relative;display: grid;grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: 28px;align-items: start;margin-top: -72px;padding-bottom: 80px}.w3c-ct__form-col,.w3c-ct__side{border: 1px solid #e3ebe9;border-radius: 12px;background: #fff;box-shadow: 0 1px 2px rgba(16,24,40,0.04),0 12px 32px -14px rgba(16,24,40,0.14)}.w3c-ct__form-col{padding: 36px 36px 32px}.w3c-ct .w3c-ct__form-col h2,.w3c-ct .w3c-ct__side h2{margin: 0;color: var(--w3c-ink);font-family: var(--w3c-font-ui);font-size: 24px;font-weight: 700;line-height: 1.3}.w3c-ct__intro{margin: 6px 0 26px;color: var(--w3c-muted);font-family: var(--w3c-font-body);font-size: 16px;line-height: 1.5}.w3c-ct__side{padding: 28px 20px 14px}.w3c-ct .w3c-ct__side h2{margin: 0 12px 12px;font-size: 20px}.w3c-ct__item{display: flex;align-items: flex-start;gap: 14px;padding: 16px 12px;border-radius: 10px;color: var(--w3c-text);text-decoration: none;transition: background 150ms ease}.w3c-ct__item + .w3c-ct__item{position: relative}.w3c-ct__item + .w3c-ct__item::before{content: "";position: absolute;top: 0;right: 12px;left: 12px;border-top: 1px solid var(--w3c-line)}.w3c-ct__item:hover,.w3c-ct__item:focus-visible{background: #f4faf9;text-decoration: none}.w3c-ct__item:hover::before,.w3c-ct__item:hover + .w3c-ct__item::before{border-top-color: transparent}.w3c-ct__item:focus-visible{outline: 3px solid var(--w3c-brand-ring);outline-offset: 0}.w3c-ct__tile{display: inline-grid;flex: 0 0 auto;place-items: center;width: 44px;height: 44px;border-radius: 10px}.w3c-ct__tile svg{width: 21px;height: 21px}.w3c-ct__tile--teal{background: #e3f4f1;color: #0f766e}.w3c-ct__tile--blue{background: #e0f0fd;color: #0369a1}.w3c-ct__tile--violet{background: #efeafd;color: #6d28d9}.w3c-ct__tile--amber{background: #fdf2dc;color: #b45309}.w3c-ct__item-text{display: grid;gap: 3px;min-width: 0}.w3c-ct__item-text strong{color: var(--w3c-ink);font-size: 16.5px;font-weight: 600;line-height: 1.35}.w3c-ct__item-text span{color: var(--w3c-muted);font-family: var(--w3c-font-body);font-size: 14.5px;line-height: 1.5}.w3c-ct__item-text em{display: inline-flex;align-items: center;gap: 6px;margin-top: 3px;color: var(--w3c-brand);font-size: 15px;font-style: normal;font-weight: 600;overflow-wrap: anywhere}.w3c-ct__item-text em svg{flex: 0 0 auto;width: 16px;height: 16px;transition: transform 150ms ease}.w3c-ct__item:hover em svg{transform: translateX(3px)}@media (max-width: 900px){.w3c-ct .w3c-container{width: min(100% - 32px,640px)}.w3c-ct__band{padding: 30px 0 84px}.w3c-ct__band::before,.w3c-ct__band::after{display: none}.w3c-ct .w3c-ct__title{font-size: 30px}.w3c-ct__grid{grid-template-columns: 1fr;gap: 24px;margin-top: -56px;padding-bottom: 56px}}@media (max-width: 560px){.w3c-ct__form-col{padding: 26px 18px 22px}.w3c-ct__side{padding: 22px 8px 8px}}@media (max-width: 1100px){.w3c-gh-hero{min-height: 204px}.w3c-gh-courses{display: flex;gap: 22px;margin: 0 -28px;padding: 4px 28px 10px;overflow-x: auto;scrollbar-width: none}.w3c-gh-courses::-webkit-scrollbar{display: none}.w3c-gh-course{flex: 0 0 292px}.w3c-gh-list{grid-template-columns: repeat(2,minmax(0,1fr))}.w3c-gh-services{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.w3c-gh-section{margin-top: 40px}.w3c-gh-tiles,.w3c-gh-strip{grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.w3c-tile strong{font-size: 17px}.w3c-gh .w3c-notify{grid-template-columns: 1fr}.w3c-ide{height: auto;min-height: 0}.w3c-ide__bar{flex-wrap: wrap}.w3c-ide__tools{width: 100%;margin-left: 0}.w3c-ide__body{grid-template-columns: 1fr}.w3c-ide__pane--editor{min-height: 380px;border-right: 0;border-bottom: 1px solid var(--w3c-line)}.w3c-ide__pane--output{min-height: 260px}}@media (max-width: 560px){.w3c-gh-wrap{width: min(100% - 32px,1042px)}.w3c-gh-hero{min-height: 210px}.w3c-gh-search{height: 50px;padding-left: 14px}.w3c-gh-search button{width: 38px;height: 38px}.w3c-gh-chips{justify-content: flex-start}.w3c-gh-courses{margin: 0 -16px;padding: 4px 16px 10px}.w3c-gh-course{flex: 0 0 265px}.w3c-gh-list,.w3c-gh-services{grid-template-columns: 1fr}.w3c-gh-strip{gap: 10px}.w3c-tile{min-height: 116px;padding: 14px 10px}.w3c-tile strong{font-size: 16px}.w3c-tile small{font-size: 12.5px}.w3c-tile__cta{margin-top: 6px;padding: 3px 10px;font-size: 12.5px}.w3c-gh-topic{min-height: 60px;padding: 10px 12px;font-size: 14.5px}.w3c-gh-topic i{width: 24px;height: 24px;font-size: 13px}}.w3c-gh-course__media{position: relative;overflow: hidden}.w3c-gh-course__media img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.w3c-gh-course__media small{position: relative;z-index: 1}.w3c-gh-course__media small.is-private{background: #fde68a;color: #92400e}.w3c-gh-course__tags{color: var(--w3c-muted);font-size: 13px}.w3c-gh-courses--services .w3c-gh-course__level{font-size: 14.5px;color: var(--w3c-text)}@media (max-width: 480px){.w3c-gh .w3c-notify__form{flex-direction: column}.w3c-gh .w3c-notify__form input[type="email"],.w3c-gh .w3c-notify__form button{flex: 0 0 auto;width: 100%;height: 44px;min-height: 44px}}.w3c-poster{display: flex;align-items: center;justify-content: space-between;gap: 32px;padding: 28px 32px;border-radius: 16px;background: var(--w3c-brand-soft)}.w3c-poster__copy{min-width: 0}.w3c-poster__eyebrow{margin: 0 0 6px;color: var(--w3c-brand);font: 700 12.5px/1.4 var(--w3c-font-ui);letter-spacing: 0.06em;text-transform: uppercase}.w3c-poster__title{margin: 0 0 8px;color: var(--w3c-ink);font-size: clamp(24px,2.6vw,32px);font-weight: 600;line-height: 1.2}.w3c-poster__text{max-width: 560px;margin: 0 0 18px;color: var(--w3c-text);font-family: var(--w3c-font-body);font-size: 17px;line-height: 1.55}.w3c-poster__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 18px;margin: 0}.w3c-poster__actions .w3c-btn{height: 42px;min-height: 0;padding: 0 22px}.w3c-poster__more{color: var(--w3c-brand-dark);font: 600 15px var(--w3c-font-ui);text-decoration: none}.w3c-poster__more:hover{text-decoration: underline}.w3c-poster__art{flex: 0 0 auto;width: 320px;height: auto;border-radius: 12px}.w3c-poster-image{display: block;overflow: hidden;border-radius: 16px}.w3c-poster-image img,.w3c-poster-image__img{display: block;width: 100%;height: auto}@media (max-width: 860px){.w3c-poster__art{width: 240px}}@media (max-width: 600px){.w3c-poster{flex-direction: column;align-items: stretch;gap: 18px;padding: 22px 18px}.w3c-poster__art{width: 100%}}