/* Preview colour layer: existing geometry, fonts and interaction remain intact. */
:root{--dogok-gold:#B99752;--dogok-bright:#E9CC79;--dogok-cream:#F8F0DC;--dogok-ink:#30291F;--dogok-muted:#66533C;--dogok-line:#DCC797}
body,.homepage{background:#fff;color:var(--dogok-ink);--plum:#785C29;--gold:#B99752;--ink:#30291F}
p{color:var(--dogok-muted)}
.header,.homepage .header{background:linear-gradient(110deg,#B99752,#E9CC79);color:#30291F;border-bottom-color:#A1803F}
.header .seal,.homepage .seal{color:#30291F;border-color:#785C29}
.header .nav a:hover,.homepage .nav a:hover{color:#30291F;background:#F8F0DC}
.header .nav .nav-cta,.homepage .nav .nav-cta,.menu,.homepage .menu{color:#30291F;border-color:#785C29;background:#F8F0DC}
.preview-badge,.homepage .preview-badge{background:#F8F0DC;color:#5B4525;border-color:#DCC797}
.homepage main>.wrap:first-child{background:#fff;color:#30291F}
.homepage .hero h1,.homepage .gold-heading{color:#30291F}
.eyebrow,.label,.homepage .hero .eyebrow,.homepage .service .index{color:#785C29}
.btn,.homepage .hero .btn,.director-card .btn{background:#E9CC79;border-color:#B99752;color:#30291F;font-weight:600}
.btn:hover,.homepage .hero .btn:hover,.director-card .btn:hover{background:#F2DB96;border-color:#9F7B35;color:#30291F}
.btn.secondary,.homepage .hero .btn.secondary{background:#fff;border-color:#B99752;color:#5B4525}
.btn.secondary:hover,.homepage .hero .btn.secondary:hover{background:#F8F0DC;color:#30291F}
.btn[disabled]{background:#E9E3D5;border-color:#D7CFBE;color:#6B6356}
.muted,.foot,.notice,.placeholder,.price-card,.director-card{background:#F8F0DC;color:#5B4525;border-color:#DCC797}
.homepage .service:first-child,.homepage .service:first-child:hover{background:#F8F0DC;border-color:#B99752;color:#30291F}
.homepage .service:first-child p,.homepage .service:first-child .index,.homepage .service:first-child .text-link{color:#66533C}
.relationship{background:#F8F0DC;color:#30291F}
.relationship p,.relationship .eyebrow,.relationship .label,.relationship .text-link{color:#66533C}
.relationship .career-card{border-color:#B99752}
.text-link,.price,.director-price{color:#6C4F20;border-color:#B99752}
.homepage .phone-stage .phone-frame{background:linear-gradient(120deg,#9A7434 0%,#E9CC79 20%,#F9E7AC 36%,#B99752 59%,#E9CC79 82%,#A1803F 100%);border-color:#B99752;box-shadow:inset 0 0 0 2px #F8E5B1,0 16px 32px #6C4F2020}
.homepage .phone-screen{background:#FFFBF0}
.homepage .phone-brand{background:linear-gradient(105deg,#B99752,#E9CC79);color:#30291F}
.homepage .phone-speaker,.homepage .phone-home{background:#745522}
.homepage .phone-intro{border-color:#DCC797}
.homepage .phone-intro strong,.homepage .education-content h2,.homepage .education-course h3,.homepage .education-contact h3,.homepage .education-number,.homepage .education-benefit-phone strong{color:#5B4525}
.homepage .phone-services li{color:#30291F;border-color:#E9DCB9}
.homepage .phone-services{padding-inline:14px}
.homepage .phone-services li.phone-special{padding:0}
.phone-special>a{display:flex;align-items:center;gap:8px;width:100%;padding:9px 0;min-height:55px;border-radius:3px}
.phone-special-copy{font-size:16px;flex:1;min-width:0}
.phone-special-copy small{display:block;font-size:12px;color:#66533C;line-height:1.5}
.phone-special-price{font-size:14px;font-weight:700;white-space:nowrap}
.phone-special>a:hover,.phone-special>a:focus-visible,.phone-special>a:active{background:#E9CC79;color:#30291F}
.homepage .phone-footnote,.homepage .education-benefit-phone{background:#F8F0DC;color:#66533C}
.homepage .education-recruit{background:#E9CC79;border-color:#B99752;color:#30291F}
.homepage .education-recruit strong{color:#30291F}
.homepage .education-actions a{background:#E9CC79;color:#30291F;border-color:#B99752}
.homepage .education-actions a:last-child{background:#F8F0DC;color:#30291F;border-color:#B99752}
.homepage a.education-cta.education-cta-detail,.education-page .education-main a.education-cta.education-cta-detail{background:#E9CC79;color:#30291F;border-color:#B99752}
.homepage a.education-cta.education-cta-detail:hover,.education-page .education-main a.education-cta.education-cta-detail:hover{background:#F2DB96;border-color:#9F7B35}
.official-channels summary,.homepage .official-channels summary{background:#F8F0DC;color:#30291F;border-color:#A1803F}
.official-channels-dropdown,.homepage .official-channels-dropdown{background:#FFFBF0;color:#30291F;border-color:#B99752}
.official-channels-dropdown a:hover,.homepage .official-channels-dropdown a:hover{background:#E9CC79;color:#30291F}
.application-sms-guide{background:#F8F0DC;border-color:#B99752}
.application-sms-number,.application-sms-guide .application-sms-example{color:#5B4525}
.special-consultation-fields{border:1px solid #DCC797;margin:28px 0;padding:20px 24px;background:#FFFBF0;min-width:0}
.special-consultation-fields legend{font-size:21px;color:#5B4525;padding:0 8px;font-weight:600}
.special-consultation-fields .birth-time-unknown{display:flex;align-items:center;gap:8px;font-size:16px;margin-top:10px}
.special-consultation-fields .birth-time-unknown input{width:20px;height:20px;accent-color:#785C29}
.special-consultation-note{font-size:16px;margin-bottom:0}
.special-service-card .label{font-size:14px;letter-spacing:0}
[hidden]{display:none!important}
@media(max-width:900px){.header .nav,.homepage .nav{background:#F8F0DC;color:#30291F;border-color:#B99752}}
@media(max-width:650px){.special-consultation-fields{padding:16px}.phone-special-price{font-size:14px}}
.homepage .education-promo-heading h2,.homepage .education-promo-copy .education-promo-duration,.homepage .education-promo-copy .education-promo-recruit,.homepage .education-promo-benefit strong,.homepage .education-promo-course h3,.education-page .education-hero h1,.education-page .education-lead,.education-page .education-section h2,.education-page .education-card h3,.education-page blockquote,.education-page .education-final-title,.education-page .education-final-phone,.education-page .education-time,.education-page .education-topics span,.education-current-design .current-design-qualifications li,.education-current-design .current-design-card figcaption,.education-qualification .qualification-names li,.education-qualification .qualification-history h3{color:#5B4525}
.homepage .education-promo-actions .btn,.education-page .education-main .btn{background:#E9CC79;border-color:#B99752;color:#30291F}
.homepage .education-promo-actions .btn:hover,.education-page .education-main .btn:hover{background:#F2DB96;border-color:#9F7B35;color:#30291F}
.homepage .education-promo-actions .btn.secondary,.education-page .education-main .btn.secondary{background:#FFFBF0;border-color:#B99752;color:#5B4525}
.official-channels[open] summary,.homepage .official-channels[open] summary{background:#E9CC79;border-color:#785C29;color:#30291F}
.official-channels-dropdown a{color:#30291F}
.column-page .column-card h3,.column-page .column-categories a,.column-page .column-article h1,.column-page .column-body h2,.column-page .column-related h2{color:#5B4525}
.column-page .column-related .btn{background:#E9CC79;border-color:#B99752;color:#30291F}
.column-page .column-pagination a,.column-page .column-pagination span{color:#5B4525;border-color:#B99752;background:#FFFBF0}
.column-page .column-pagination .current{color:#30291F;background:#E9CC79;border-color:#9F7B35}
/* Keep ten rows usable inside the original 700px phone shell. */
.homepage .phone-stage .phone-frame:first-child .phone-services{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;overscroll-behavior:contain}