/* KNOL family refresh — home-only layer. Original content and game logic remain intact. */
.home-page {
  --ink:#241f25; --muted:#706571; --line:#eadde5;
  --surface-soft:#fff9fb; --pink:#ad436d;
  --shadow:0 10px 30px rgba(75,37,56,.07);
  background:#fff9fb; color:var(--ink);
  font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;
  line-height:1.6;
}
.home-page .family-topbar {
  background:#fff; border-bottom:1px solid var(--line);
}
.home-page .family-topbar-inner {
  max-width:1504px; min-height:76px; padding:10px 24px; margin:auto;
  display:flex; justify-content:space-between; align-items:center; gap:24px;
}
.home-page .family-identity {display:flex;align-items:center;gap:13px;text-decoration:none;font-size:22px;font-weight:850;letter-spacing:-.8px}
.home-page .family-identity .brand-mark {width:48px;height:48px;border-radius:14px;background:#f7cfda;color:#4d2534;font-size:24px}
.home-page .family-identity small{display:block;font-size:10px;letter-spacing:2.8px;color:var(--muted);font-weight:700}
.home-page .family-links {display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.home-page .family-links a{padding:8px 12px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:650;color:var(--muted)}
.home-page .family-links a:hover{background:#fcebf1;color:var(--ink)}
.home-page .family-links a[aria-current="page"]{background:#fcebf1;color:#813252}
.home-page .home-section{width:min(1456px,calc(100% - 48px));padding:30px 0 16px;gap:22px;border:0}
.home-page .intro-copy{grid-template-columns:1fr;gap:14px;padding:0 0 20px;border-bottom:1px solid var(--line)}
.home-page .intro-copy .hero-brand{grid-column:1;gap:14px}
.home-page .hero-brand .brand-mark{display:none}
.home-page .hero-brand h1{font-size:clamp(27px,3vw,38px);letter-spacing:-1.4px;font-weight:800;line-height:1.25}
.home-page .hero-brand small{font-size:11px;letter-spacing:2px;color:#a44a70}
.home-page .intro-copy>p{grid-column:1;font-size:15px;font-weight:500;color:var(--muted);line-height:1.65}
.home-page .hero-actions{grid-column:1;justify-content:flex-start;gap:9px}
.home-page .shared-quiz-pack-field{border-radius:10px;border-color:#dbc4cf;background:#fff;min-height:44px;font-size:12px;font-weight:700}
.home-page .shared-quiz-pack-field select{font-weight:600;font-size:12px}
.home-page .hero-actions .home-button,.home-page .teacher-console-toggle{border-radius:10px;min-height:44px;padding:8px 13px;font-weight:700}
.home-page .filter-toolbar{border-radius:14px;background:#fff;padding:14px;border-color:var(--line);gap:12px;margin-bottom:18px}
.home-page .filter-button{border-radius:9px;font-size:12px;font-weight:700;min-height:38px}
.home-page .filter-button.is-active{background:#31252d;border-color:#31252d;color:white}
.home-page .filter-button-mode.is-active{background:#31252d;border-color:#31252d}
.home-page .content-grid{grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:18px}
.home-page .content-card{border-radius:16px;border-color:var(--line);box-shadow:none;transition:box-shadow .2s ease,border-color .2s ease}
.home-page .content-card:hover{border-color:#dab8c9;box-shadow:0 12px 28px rgba(75,37,56,.09)}
.home-page .content-card-back{border-radius:16px}
.home-page .content-art{background:linear-gradient(155deg,#fff1f7,#f4f8ff)}
.home-page .content-art img{filter:drop-shadow(0 9px 12px rgba(39,25,38,.12))}
.home-page .content-body{padding:20px;gap:10px}
.home-page .site-footer{max-width:1456px;margin:24px auto 0;padding:22px 24px;border-top:1px solid var(--line)}
.home-page :is(a,button,select,input,textarea):focus-visible{outline:3px solid #a74670;outline-offset:3px}
@media(max-width:760px){
 .home-page .family-topbar-inner{min-height:64px;padding:10px 16px;align-items:flex-start;flex-direction:column;gap:7px}
 .home-page .family-identity{font-size:20px}.home-page .family-identity .brand-mark{width:40px;height:40px}
 .home-page .family-links{gap:2px}.home-page .family-links a{font-size:12px;padding:7px 9px}
 .home-page .home-section{width:calc(100% - 32px);padding-top:20px;gap:16px}
 .home-page .intro-copy{gap:10px;padding-bottom:16px}
 .home-page .intro-copy>p{font-size:13px}
 .home-page .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .home-page .hero-actions .shared-quiz-pack-field{grid-column:1/-1;width:100%;max-width:none}
 .home-page .shared-quiz-pack-field select{flex:1;width:100%;max-width:none}
 .home-page .filter-toolbar{padding:10px}
 .home-page .filter-chip-list{gap:6px}
 .home-page .content-grid{gap:12px}
 .home-page .content-card{border-radius:13px}
}
@media(prefers-reduced-motion:reduce){.home-page .content-card{transition:none}}

/* Official icon and keyboard-accessible content navigation. */
.home-page .family-logo{width:48px;height:48px;display:block;object-fit:contain;flex:none}
.home-page .hero-logo{width:54px;height:54px;display:block;object-fit:contain;flex:none}
.home-page .skip-link:not(:focus){position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.home-page .skip-link:focus{position:fixed;top:8px;left:8px;z-index:2000;padding:10px 16px;background:white;border:2px solid #ad436d;border-radius:8px}
@media(max-width:760px){.home-page .family-logo{width:40px;height:40px}.home-page .hero-logo{width:46px;height:46px}}

/* Second pass: sibling-product layout parity rather than cosmetic recoloring. */
.home-page .family-topbar-inner{max-width:1504px}
.home-page .family-links{padding-left:22px;border-left:1px solid var(--line);margin-right:auto}
.home-page .family-links a{min-height:40px;display:inline-flex;align-items:center}
.home-page .home-section{padding-top:0;gap:0}
.home-page .intro-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:27px 0 20px;gap:5px 24px}
.home-page .intro-copy .hero-brand{grid-column:1;grid-row:1}
.home-page .hero-brand .hero-logo{display:none}
.home-page .hero-brand h1{font-size:28px;letter-spacing:-1px;line-height:1.4}
.home-page .hero-brand small{display:none}
.home-page .intro-copy>p{grid-column:1;grid-row:2;margin:0;font-size:14px}
.home-page .hero-actions{grid-column:1/-1;grid-row:3;margin-top:18px;justify-content:flex-start;align-items:center}
.home-page .hero-actions .content-count{width:100%;margin:3px 0 0;font-size:12px;color:var(--muted)}
.home-page .library-panel{padding-top:23px}
.home-page .library-top{margin:0 0 17px;align-items:center}
.home-page .section-heading{margin:0}
.home-page .section-heading h2{font-size:21px;line-height:1.4;font-weight:800;letter-spacing:-.5px}
.home-page .section-heading p{font-weight:450;font-size:13px;margin-top:3px}
.home-page .filter-toolbar{box-shadow:none;border:1px solid var(--line);background:white}
.home-page .filter-button{font-size:13px;border-radius:8px}
.home-page .content-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}
.home-page .content-card{min-height:364px;border-radius:14px;box-shadow:none}
.home-page .content-card-front{grid-template-rows:176px 1fr}
.home-page .content-art{border-bottom:1px solid var(--line)}
.home-page .content-card[data-accent="green"] .content-art{background:linear-gradient(160deg,#eaf8f1,#f8fffc)}
.home-page .content-card[data-accent="blue"] .content-art{background:linear-gradient(160deg,#edf5ff,#f8fbff)}
.home-page .content-card[data-accent="amber"] .content-art{background:linear-gradient(160deg,#fff7e8,#fffcf7)}
.home-page .content-art img{max-height:158px;max-width:90%;filter:drop-shadow(0 4px 9px rgba(39,25,38,.08))}
.home-page .content-body{padding:18px 19px;gap:9px}
.home-page .content-card .content-action{border-radius:9px}
.home-page .content-card.is-muted{background:#fff}
.home-page .site-footer{margin-top:34px}
@media(max-width:900px){
 .home-page .family-topbar-inner{gap:12px}
 .home-page .family-links{margin-right:0}
}
@media(max-width:760px){
 .home-page .family-topbar-inner{flex-direction:row;align-items:center;flex-wrap:wrap}
 .home-page .family-links{order:2;width:100%;padding:3px 0 0;margin:0;border:0;border-top:1px solid var(--line);flex-wrap:wrap}
 .home-page .family-links a{min-height:42px}
 .home-page .intro-copy{grid-template-columns:1fr;padding:20px 0 17px;gap:5px}
 .home-page .hero-brand h1{font-size:23px}
 .home-page .intro-copy>p{font-size:13px;line-height:1.6}
 .home-page .hero-actions{margin-top:13px}
 .home-page .library-panel{padding-top:18px}
 .home-page .section-heading h2{font-size:19px}
 .home-page .content-card-front{grid-template-rows:152px 1fr}
 .home-page .content-art img{max-height:138px}
 .home-page .content-card{min-height:330px}
}

/* Unified KNOL components: typography, surfaces, control states and dialogs. */
.home-page {font-synthesis:none;font-size:14px;letter-spacing:-.015em}
.home-page :is(button,input,select,textarea){font-family:inherit}
.home-page :is(.home-button,.teacher-console-toggle,.content-action,.preset-btn,.update-banner-button,.update-banner-close,.filter-toggle,.filter-button,.favorite-tab,.favorite-action,.favorite-picker-button){
  font-weight:700;letter-spacing:-.02em;border-radius:9px;min-height:42px;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.home-page :is(.home-button,.teacher-console-toggle,.preset-btn,.filter-toggle){border:1px solid #d9cbd2;background:#fff;color:#332b32;box-shadow:none}
.home-page :is(.home-button,.teacher-console-toggle,.preset-btn,.filter-toggle):hover:not(:disabled){background:#fcebf1;border-color:#bf8fa5;color:#632940}
.home-page :is(.home-button,.teacher-console-toggle,.content-action,.preset-btn,.filter-button):active:not(:disabled){transform:translateY(1px)}
.home-page .content-action{background:#30262d;color:#fff;border:1px solid #30262d;font-size:13px;padding:9px 16px}
.home-page .content-action:hover:not(:disabled){background:#51404a;border-color:#51404a}
.home-page :is(.shared-quiz-pack-field select,.quiz-pack-search-input,.console-modal-body select,.console-modal-body input[type="text"]){
  border-radius:9px;border:1px solid #c7b3bf;background:#fff;color:#30262d;min-height:40px;font-size:13px;font-weight:500;
}
.home-page :is(.shared-quiz-pack-field select,.quiz-pack-search-input,.console-modal-body select,.console-modal-body input):focus-visible{outline:3px solid #b3587f;outline-offset:2px}
.home-page .filter-button.is-active,.home-page .filter-button-mode.is-active{background:#30262d;border-color:#30262d;color:#fff}
.home-page .filter-button:hover:not(.is-active){background:#fff4f8;border-color:#c7a1b2}
.home-page .content-card{outline-offset:3px}
.home-page :is(.qr-modal,.teacher-console-modal,.class-access-modal) :is(.qr-modal-card,.console-modal-card,.class-access-card){border:1px solid #eadde5;background:#fff;border-radius:16px;box-shadow:0 24px 72px rgba(33,26,33,.19)}
.home-page :is(.qr-modal-card,.class-access-card){padding:24px}
.home-page .console-modal-card{width:min(850px,calc(100vw - 28px));max-height:calc(100dvh - 28px);height:min(820px,calc(100dvh - 28px))}
.home-page .console-modal-body{padding:22px 26px;scrollbar-color:#dac5d0 transparent}
.home-page .qr-modal-head{align-items:center;padding-bottom:12px;border-bottom:1px solid #efe4e9}
.home-page .qr-modal-head h2{font-size:21px;font-weight:800;line-height:1.4;letter-spacing:-.045em}
.home-page .console-section{gap:12px}
.home-page .console-section h4{color:#312a30;font-size:15px;font-weight:750}
.home-page .console-section-desc{font-size:13px;line-height:1.65;color:#706571;font-weight:450}
.home-page .teacher-setting-slot{border-color:#e8d9e0;border-radius:12px;background:#fffbfd;padding:15px}
.home-page :is(.quiz-pack-check-item,.teacher-setting-slot,.console-section){scroll-margin-top:16px}
.home-page .console-modal-footer{background:#fff9fb;border-top:1px solid #eadde5}
.home-page .qr-modal-url{overflow-wrap:anywhere}
.home-page .update-banner{border-radius:12px;box-shadow:0 12px 32px rgba(75,37,56,.1)}
.home-page .update-banner-badge{background:#30262d;border-radius:7px}
.home-page .site-footer{font-weight:450}
@media (max-width:760px){
 .home-page :is(.qr-modal-card,.class-access-card){padding:18px}
 .home-page .console-modal-body{padding:17px}
 .home-page .qr-modal-head h2{font-size:18px}
 .home-page :is(.home-button,.teacher-console-toggle,.content-action,.filter-button,.filter-toggle){min-height:44px}
 .home-page .filter-chip-list{max-height:110px}
}
@media (prefers-reduced-motion:reduce){
 .home-page :is(.home-button,.teacher-console-toggle,.content-action,.preset-btn,.filter-button){transition:none}
 .home-page .console-modal-card{animation:none}
}

/* KNOL-family header parity with KNOL ART / KNOL PRINT (2026-10-23) */
.home-page .family-topbar{height:auto;background:#fff;border-bottom:1px solid #eadde5}
.home-page .family-topbar-inner{width:100%;max-width:none;min-height:76px;height:auto;padding:0 max(24px,calc((100vw - 1456px)/2));display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}
.home-page .family-brand-group{display:flex;align-items:center;gap:32px;min-width:0}
.home-page .family-identity{display:flex;align-items:center;gap:9px;flex:none;color:#211b1f;font-size:27px;font-weight:850;letter-spacing:-1px;line-height:1.15;white-space:nowrap}
.home-page .family-identity small{margin-top:5px;font-size:9px;font-weight:700;letter-spacing:3px;color:#74646d;line-height:1.2}
.home-page .family-logo{width:54px;height:54px;object-fit:contain}
.home-page .family-links{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:nowrap;min-width:0;margin:0;padding-left:24px;border-left:1px solid #eadde5;border-top:0}
.home-page .family-links .service-brand{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:5px 3px;border:0;border-radius:8px;background:transparent;color:#74646d;font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap;cursor:pointer}
.home-page .family-links .service-brand img{display:block;width:32px;height:32px;object-fit:contain;flex:none}
.home-page .family-links .service-brand:hover,.home-page .family-links .service-brand[aria-expanded=true]{background:#fcebf1;color:#211b1f}
.home-page .family-service-message{position:absolute;right:0;top:100%;z-index:30;min-width:180px;margin-top:6px;padding:10px 16px;border:1px solid #eadde5;border-radius:10px;background:#fff;box-shadow:0 4px 16px #211b1f15;color:#211b1f;font-size:13px;white-space:nowrap}
.home-page .family-service-message[hidden]{display:none}
.home-page .family-note{margin:0;display:flex;align-items:center;gap:8px;font-size:12px;color:#74646d;font-weight:450;white-space:nowrap}
.home-page .family-note>span{font-size:9px;color:#ac476e}
@media(max-width:1040px){.home-page .family-note{display:none}}
@media(max-width:760px){
 .home-page .family-topbar-inner{padding:9px 16px;min-height:68px;gap:12px;display:flex;align-items:center;flex-wrap:wrap}
 .home-page .family-brand-group{gap:12px;flex-wrap:wrap}
 .home-page .family-identity{font-size:22px;gap:7px}
 .home-page .family-identity small{font-size:8px;letter-spacing:2.5px}
 .home-page .family-logo{width:46px;height:46px}
 .home-page .family-links{gap:8px;padding-left:12px;flex-wrap:wrap}
 .home-page .family-links .service-brand{font-size:11px;gap:3px;min-height:40px;padding:3px}
 .home-page .family-links .service-brand img{width:28px;height:28px}
}
@media(max-width:540px){
 .home-page .family-brand-group{width:100%;gap:6px}
 .home-page .family-links{width:100%;margin-top:4px;padding:7px 0 0;border-left:0;border-top:1px solid #eadde5;justify-content:space-between;gap:3px}
 .home-page .family-links .service-brand{flex:1;min-width:0;flex-direction:column;gap:2px;font-size:10px}
 .home-page .family-service-message{right:0}
}

/* KNOL QUIZ brand palette — yellow, shared with official #ffda56 logo. */
.home-page{
 --ink:#272521;--muted:#706956;--line:#e9dfc6;--surface:#fff;
 --surface-soft:#fff9e9;--pink:#a06b05;--shadow:0 10px 30px rgba(65,50,12,.08);
 background:#fffdf5;color:var(--ink);
}
.home-page .family-topbar{border-bottom-color:#e9dfc6}
.home-page .family-links{border-left-color:#e9dfc6}
.home-page .family-links .service-brand:hover,
.home-page .family-links .service-brand[aria-expanded=true]{background:#fff3cb;color:#272521}
.home-page .family-identity small,.home-page .family-note{color:#746b55}
.home-page .family-note>span{color:#9d6a07}
.home-page .family-service-message{border-color:#e9dfc6;box-shadow:0 5px 18px #40321018}
.home-page .intro-copy{border-bottom-color:#e9dfc6}
.home-page .intro-copy>p,.home-page .section-heading p{color:#706956}
.home-page .shared-quiz-pack-field{border-color:#d6cba9}
.home-page .shared-quiz-pack-field select{border-color:#cbbd95}
.home-page :is(.home-button,.teacher-console-toggle,.preset-btn,.filter-toggle){background:#fff;border-color:#d6cba9;color:#322c20}
.home-page :is(.home-button,.teacher-console-toggle,.preset-btn,.filter-toggle):hover:not(:disabled){background:#fff3cb;border-color:#c59d34;color:#272521}
.home-page :is(.home-button,.teacher-console-toggle,.content-action,.preset-btn,.filter-toggle,.filter-button,.favorite-tab):focus-visible,
.home-page :is(a,button,select,input,textarea):focus-visible{outline:3px solid #9d6900;outline-offset:3px}
.home-page .content-action{background:#302b20;border-color:#302b20;color:#fff}
.home-page .content-action:hover:not(:disabled){background:#50432a;border-color:#50432a}
.home-page .filter-toolbar{border-color:#e9dfc6}
.home-page .filter-button{border-color:#dfd4b9;color:#413a2d}
.home-page .filter-button:hover:not(.is-active){background:#fff3cb;border-color:#c8a858}
.home-page .filter-button.is-active,.home-page .filter-button-mode.is-active{background:#ffda56;border-color:#b98c18;color:#272521}
.home-page .filter-button-mode[data-filter="__favorites"].is-active{background:#ffda56;border-color:#b98c18;color:#272521}
.home-page .content-card{border-color:#e9dfc6}
.home-page .content-card:hover{border-color:#d7b959;box-shadow:0 12px 28px rgba(70,54,16,.1)}
.home-page .content-art{background:linear-gradient(155deg,#fff4d1,#fffbef)}
.home-page .content-card-back{background:#fff}
.home-page :is(.shared-quiz-pack-field select,.quiz-pack-search-input,.console-modal-body select,.console-modal-body input[type="text"]){border-color:#cbbd95;color:#302b20}
.home-page :is(.shared-quiz-pack-field select,.quiz-pack-search-input,.console-modal-body select,.console-modal-body input):focus-visible{outline-color:#9d6900}
.home-page :is(.qr-modal,.teacher-console-modal,.class-access-modal) :is(.qr-modal-card,.console-modal-card,.class-access-card){border-color:#e9dfc6;box-shadow:0 24px 72px rgba(53,43,17,.18)}
.home-page .qr-modal-head{border-bottom-color:#e9dfc6}
.home-page .console-modal-footer{background:#fffaf0;border-top-color:#e9dfc6}
.home-page .teacher-setting-slot{background:#fffdf6;border-color:#e9dfc6}
.home-page .update-banner{border-color:#e2c76d}
.home-page .update-banner-badge{background:#ffda56;color:#272521}
.home-page .site-footer{border-top-color:#e9dfc6}
@media(max-width:760px){.home-page .family-links{border-top-color:#e9dfc6}}
@media(max-width:540px){.home-page .family-links{border-top-color:#e9dfc6}}

/* Popup finish: shared header, close controls, visual grouping, touch UX. */
.home-page :is(.qr-modal-card,.class-access-card,.console-modal-card){color:#272521}
.home-page :is(.qr-modal-card,.class-access-card,.console-modal-card) :is(h2,h3,h4){color:#272521;letter-spacing:-.035em;line-height:1.45}
.home-page :is(.qr-modal-card,.class-access-card,.console-modal-card) :is(p,small){color:#706956;line-height:1.6}
.home-page :is(.qr-modal-card,.class-access-card,.console-modal-card) :is(button,[role="button"]){border-radius:9px;min-height:40px;font-family:inherit;font-weight:700}
.home-page :is(.qr-modal-card,.class-access-card,.console-modal-card) :is(input,select,textarea){background:#fff;color:#272521;border:1px solid #cabd99;border-radius:9px;min-height:41px;padding-inline:10px;font-family:inherit}
.home-page :is(.qr-modal-card,.class-access-card,.console-modal-card) :is(input,select,textarea):focus-visible{outline:3px solid #946200;outline-offset:2px}
.home-page :is(.qr-modal-card,.class-access-card,.console-modal-card) :is(button,[role="button"]):hover:not(:disabled){border-color:#c19d3d}
.home-page :is(.qr-modal-card,.class-access-card,.console-modal-card) :is(.qr-modal-close,.class-access-close,.console-modal-close){display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:1px solid #e9dfc6;background:#fff;color:#514936;border-radius:10px}
.home-page :is(.qr-modal-card,.class-access-card,.console-modal-card) :is(.qr-modal-close,.class-access-close,.console-modal-close):hover{background:#fff3cb}
.home-page .console-modal-header{padding:20px 25px;background:#fffdf6;border-bottom:1px solid #e9dfc6}
.home-page .console-modal-body :is(.console-section,.teacher-setting-slot){min-width:0}
.home-page .console-modal-body :is(.console-tabs,.console-tab-list){border-bottom-color:#e9dfc6}
.home-page .console-modal-body :is(.console-tab.is-active,.console-tab[aria-selected="true"]){background:#ffda56;color:#272521;border-color:#d7ad40}
.home-page .qr-modal-head{gap:18px}
.home-page .qr-modal-card :is(.qr-modal-qr,.qr-preview,.qr-code){background:#fff;border:1px solid #e9dfc6;border-radius:12px}
.home-page .qr-modal-card :is(.qr-modal-actions,.qr-modal-links){gap:9px}
.home-page :is(.qr-modal-card,.class-access-card,.console-modal-card) :is(.primary,.primary-button,.save-button,.qr-download-button){background:#ffda56;color:#272521;border:1px solid #c69b29}
.home-page :is(.qr-modal-card,.class-access-card,.console-modal-card) :is(.primary,.primary-button,.save-button,.qr-download-button):hover:not(:disabled){background:#f5cc41}
@media(max-width:760px){.home-page .console-modal-header{padding:15px 17px}.home-page :is(.qr-modal-card,.class-access-card,.console-modal-card) :is(button,[role="button"]){min-height:44px}}


/* Instagram header link: icon-only so the KNOL family navigation keeps its layout. */
.home-page .family-links .instagram-link{
  flex:0 0 42px;
  width:42px;
  min-width:42px;
  padding:5px;
  border:1px solid #e9dfc6;
  border-radius:11px;
  background:#fff;
}
.home-page .family-links .instagram-link:hover{
  background:#fff3cb;
  border-color:#d2b760;
}
.home-page .family-links .instagram-link img{
  width:28px;
  height:28px;
}
@media(max-width:760px){
  .home-page .family-links .instagram-link{
    flex:0 0 38px;
    width:38px;
    min-width:38px;
    padding:4px;
  }
  .home-page .family-links .instagram-link img{
    width:26px;
    height:26px;
  }
}
@media(max-width:540px){
  .home-page .family-links .instagram-link{
    flex:0 0 38px;
  }
}