body.extended-page { background: #101315; color: #e7e0d2; }.extended-hero { background: radial-gradient(circle at 78% 24%, rgba(79, 101, 94, .34), transparent 34%), linear-gradient(120deg, #14201f, #151415); }.extended-tabs { display: flex; gap: 8px; justify-content: center; padding-top: 22px; padding-bottom: 0; }.extended-tab { border: 1px solid rgba(173, 143, 78, .35); background: rgba(26, 28, 27, .76); color: #c8b98f; padding: 12px 20px; cursor: pointer; }.extended-tab.is-active { border-color: #d7b765; color: #f2d18a; background: rgba(89, 70, 31, .44); }.extended-workspace { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: 18px; align-items: start; }.extended-panel, .extended-result { padding: 26px; border: 1px solid rgba(196, 164, 91, .28); background: rgba(22, 25, 24, .9); }.extended-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 20px 0; }.extended-fields label { display: grid; gap: 7px; color: #d8c48c; font-size: 13px; }.extended-fields input, .extended-fields select { width: 100%; box-sizing: border-box; }.extended-hint, .extended-boundary { color: #a9a295; font-size: 12px; line-height: 1.7; }.extended-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 18px; }.extended-facts article { padding: 13px; border: 1px solid rgba(196, 164, 91, .2); background: rgba(53, 46, 30, .28); }.extended-facts span { display: block; color: #b9a56e; font-size: 12px; }.extended-facts strong { display: block; margin-top: 6px; color: #f0d28b; font-size: 19px; }.extended-reading { display: grid; gap: 12px; margin-top: 14px; }.extended-reading article { padding: 16px; border-left: 3px solid #b48b42; background: rgba(47, 42, 31, .45); }.extended-reading h3 { margin: 0; color: #e4c77f; }.extended-reading p { margin: 8px 0 0; color: #c3bcad; line-height: 1.75; }.extended-note-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.extended-note-grid article { padding: 18px; border: 1px solid rgba(196, 164, 91, .2); background: rgba(29, 35, 33, .76); }.extended-note-grid strong { color: #e4c77f; }.extended-note-grid p { margin: 8px 0 0; color: #bcb6aa; font-size: 13px; line-height: 1.7; }@media (max-width: 800px) { .extended-workspace, .extended-note-grid { grid-template-columns: 1fr; }.extended-tabs { overflow-x: auto; justify-content: flex-start; }.extended-fields, .extended-facts { grid-template-columns: 1fr 1fr; }}@media (max-width: 520px) { .extended-fields, .extended-facts { grid-template-columns: 1fr; }.extended-panel, .extended-result { padding: 18px 14px; } }