/*
Theme Name: Nails & Hair Ideas
Description: Custom magazine design with direct topic navigation and practical hairstyle guides.
Version: 1.0.1
Author: Nails & Hair Ideas
*/
*{box-sizing:border-box}:root{--rose:#bc3560;--ink:#252329;--muted:#6c6870;--line:#e7e4e8;--light:#f7f5f7}body{margin:0;color:var(--ink);background:white;font:15px/1.65 Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--rose);outline-offset:3px}button,a{touch-action:manipulation}.wrap{max-width:1240px;margin:auto;padding:0 26px}.utility{background:var(--light);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1px}.utility .wrap{display:flex;justify-content:space-between;padding-top:7px;padding-bottom:7px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 27px}.brand{font-size:38px;line-height:1.1;font-weight:800;letter-spacing:-1.7px}.brand b{color:var(--rose)}.tagline{font-size:12px;color:var(--muted);letter-spacing:.2px;margin-top:8px}.saved{border:1px solid var(--line);background:white;padding:9px 15px;font-size:12px;border-radius:3px}.saved[aria-pressed=true]{color:var(--rose);border-color:var(--rose)}.nav-bar{background:var(--ink);color:white}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.nav{display:flex;align-items:center;gap:0}.nav button{color:white;background:none;border:0;padding:16px 21px;font-size:13px;font-weight:bold;letter-spacing:.4px}.nav button:first-child{padding-left:0;padding-right:28px}.nav button[aria-pressed=true]{color:#ffacc6}.nav button:hover{color:#ffacc6}.menu{display:none}.nav-search{display:flex;align-items:center;gap:8px;font-size:12px}.nav-search input{border:1px solid #55515a;background:#35323b;color:white;padding:7px 10px;width:190px;min-width:0}.nav-search input::placeholder{color:#ccc}.page-intro{padding:25px 0 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.page-intro h1{font-family:Georgia,serif;font-size:29px;line-height:1.2;margin:0 0 5px;font-weight:400}.page-intro p{font-size:13px;color:var(--muted);margin:0}.topic-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px}.topic-pills button{border:1px solid var(--line);background:white;border-radius:2px;padding:6px 10px;color:var(--muted)}.topic-pills button:hover{color:var(--rose);border-color:var(--rose)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:44px;padding:29px 0 50px}.feed-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.feed-heading h2{font-size:16px;margin:0;line-height:1.2}.feed-heading h2:before,.sidebar-title:before{content:'';display:inline-block;height:14px;width:4px;background:var(--rose);margin-right:9px;vertical-align:-1px}.status{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 27px}.card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:23px}.image-button{display:block;border:0;padding:0;width:100%;background:var(--light);cursor:pointer}.image-wrap{position:relative;overflow:hidden}.image-button img{width:100%;height:245px;display:block;object-fit:cover;transition:transform .25s}.image-button:hover img{transform:scale(1.025)}.label{display:inline-block;color:var(--rose);font-size:10px;font-weight:bold;letter-spacing:.8px;text-transform:uppercase;margin-top:16px}.favorite{position:absolute;top:10px;right:10px;background:white;border:0;width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1;color:var(--rose);box-shadow:0 2px 8px #0001}.favorite[aria-pressed=true]{background:var(--rose);color:white}.card h3{font-family:Georgia,serif;font-size:25px;line-height:1.3;margin:7px 0 9px;letter-spacing:-.35px}.headline{font:inherit;text-align:left;background:none;border:0;padding:0;color:inherit}.headline:hover{color:var(--rose)}.meta{font-size:10px;color:#817b84;margin-bottom:10px}.card p{font-size:13px;color:var(--muted);margin:0 0 13px;line-height:1.7}.read{border:0;background:none;color:var(--rose);font-size:11px;font-weight:bold;padding:5px 0;letter-spacing:.5px;text-transform:uppercase}.sidebar-section{margin-bottom:32px}.sidebar-title{font-size:14px;margin:0 0 17px;padding-bottom:12px;border-bottom:1px solid var(--line);font-weight:bold}.mini{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.mini img{width:72px;height:72px;object-fit:cover}.mini button{border:0;background:none;padding:0;text-align:left;font-family:Georgia,serif;font-size:15px;line-height:1.35;color:var(--ink)}.mini small{display:block;font-size:9px;color:var(--rose);margin-bottom:5px;text-transform:uppercase}.sidebar-list{display:grid}.sidebar-list button{display:flex;justify-content:space-between;border:0;border-bottom:1px solid var(--line);padding:11px 0;background:white;text-align:left;font-size:12px}.sidebar-list span{color:var(--muted)}.info{background:var(--light);padding:22px}.info h3{font-family:Georgia,serif;font-size:24px;line-height:1.25;margin:8px 0}.info p{font-size:12px;color:var(--muted)}.info button{border:1px solid var(--rose);color:var(--rose);background:white;padding:9px 13px;font-size:11px}.preview{padding:16px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted);margin-top:27px}.empty{grid-column:1/-1;background:var(--light);padding:45px;text-align:center;color:var(--muted)}footer{background:#f5f3f5;border-top:1px solid var(--line);padding:35px 0 18px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:25px}.footer-top p{max-width:440px;color:var(--muted);font-size:12px}.footer-nav{display:flex;gap:20px;flex-wrap:wrap;align-content:start}.footer-nav button{border:0;padding:0;background:none;font-size:12px}.footer-fine{border-top:1px solid var(--line);padding-top:15px;margin-top:22px;font-size:10px;color:var(--muted)}dialog{padding:0;border:0;width:min(780px,calc(100% - 24px));max-height:90vh;border-radius:3px;background:white;color:var(--ink)}dialog::backdrop{background:#211c25aa}.dialog-close{position:sticky;top:10px;float:right;z-index:2;margin:10px;background:white;border:1px solid var(--line);border-radius:50%;width:35px;height:35px;font-size:20px}.article{padding:32px 38px}.article h2{font:400 35px/1.2 Georgia,serif;margin:10px 0 16px}.article>img{width:100%;height:330px;object-fit:cover;margin:15px 0}.article h3{font-family:Georgia,serif;font-size:23px}.article p,.article li{color:var(--muted);font-size:15px}.article li{padding:8px 0}.article ul{padding-left:20px}.article .disclaimer{font-size:11px;border-top:1px solid var(--line);padding-top:15px}[hidden]{display:none!important}@media(max-width:1000px){.layout{gap:27px;grid-template-columns:minmax(0,1fr) 245px}.image-button img{height:205px}.nav button{padding:16px 13px}.card h3{font-size:23px}.topic-pills{display:none}}@media(max-width:760px){.wrap{padding:0 20px}.utility .wrap span:last-child{display:none}.masthead{padding:24px 0}.brand{font-size:31px}.tagline{font-size:10px}.layout{grid-template-columns:1fr;gap:30px}.image-button img{height:245px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:25px}.info{grid-column:1/-1}.nav-search input{width:170px}.menu{display:block;color:white;background:none;border:0;padding:14px 0;font-size:13px;font-weight:bold}.nav-inner{flex-wrap:wrap}.nav{display:none;order:3;width:100%;border-top:1px solid #55515a;padding-bottom:10px;flex-wrap:wrap}.nav.open{display:flex}.nav button,.nav button:first-child{padding:10px 15px 10px 0}.page-intro h1{font-size:27px}}@media(max-width:480px){.brand{font-size:28px}.saved{padding:8px 9px;font-size:10px}.grid{grid-template-columns:1fr;gap:27px}.image-button img{height:265px}.card h3{font-size:27px}.card p{font-size:14px}.sidebar{grid-template-columns:1fr}.page-intro{padding:22px 0}.page-intro h1{font-size:26px}.footer-top{flex-direction:column;gap:15px}.article{padding:25px}.article h2{font-size:28px}.article>img{height:250px}.nav-search input{width:155px}.feed-heading h2{font-size:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Reference-led header: grey masthead and contained charcoal navigation. */
.site-header{background:#e5e5e8;padding:0 0 0}.site-header .utility{display:none}.site-header .masthead{padding:31px 18px 30px;min-height:112px}.site-header .brand{font-family:Georgia,'Times New Roman',serif;font-size:43px;font-weight:400;letter-spacing:-.5px;color:#303034}.site-header .saved{display:none}.site-header .nav-bar{max-width:1188px;margin:0 auto;border-top:4px solid #bf6065;background:#27272a}.site-header .nav-inner{padding:0;gap:0;justify-content:flex-start;min-height:58px}.site-header .home-icon{width:67px;align-self:stretch;display:flex;align-items:center;justify-content:center;background:none;color:white;border:0;flex-shrink:0}.site-header .nav{flex:1;align-self:stretch;align-items:stretch;flex-wrap:wrap}.site-header .nav button,.site-header .nav button:first-child{padding:17px 19px;font-size:13px;letter-spacing:0;min-height:58px}.site-header .nav button[aria-pressed=true]{background:#bf6065;color:white}.site-header .nav button:hover{background:#38383c;color:white}.site-header .nav button[aria-pressed=true]:hover{background:#ad5359}.site-header .nav-search{padding:0 17px 0 10px}.site-header .nav-search input{width:150px;font-size:12px}.site-header .menu{padding:16px 18px}.site-header .home-icon:hover{background:#38383c}
@media(max-width:1000px){.site-header .nav-bar{margin:0 26px}.site-header .nav button,.site-header .nav button:first-child{padding:17px 12px}.site-header .nav-search input{width:125px}.site-header .home-icon{width:53px}.site-header .nav-search{padding-right:12px}}
@media(max-width:760px){.site-header .masthead{padding:25px 0;min-height:98px}.site-header .brand{font-size:36px}.site-header .nav-bar{margin:0 20px}.site-header .nav-inner{flex-wrap:wrap;justify-content:flex-start}.site-header .nav-search{margin-left:auto;padding-right:14px}.site-header .nav-search input{width:160px}.site-header .nav{flex-basis:100%;order:4;border-top:1px solid #505054;padding:0}.site-header .nav button,.site-header .nav button:first-child{padding:13px 17px;min-height:47px}.site-header .home-icon{width:45px}.site-header .menu{padding:16px 10px}.site-header .nav-bar .wrap{padding:0}}
@media(max-width:480px){.site-header .brand{font-size:32px}.site-header .masthead{min-height:91px;padding:23px 0}.site-header .nav-search input{width:100px}.site-header .menu{font-size:12px}.site-header .nav-search{padding-right:9px}.site-header .home-icon{width:40px}.site-header .nav button,.site-header .nav button:first-child{font-size:12px;padding:12px 15px}}

/* Keep every main topic directly accessible in the header. */
.site-header .menu{display:none!important}
@media(max-width:760px){.site-header .nav{display:flex!important;flex-basis:100%;order:3;flex-wrap:wrap;border-top:1px solid #505054}.site-header .nav button,.site-header .nav button:first-child{flex:1 0 auto;text-align:center;padding:13px 15px;min-height:46px}.site-header .nav-inner{min-height:0}.site-header .home-icon{min-height:48px;width:48px}.site-header .nav-search{flex:1;margin-left:0;padding:7px 12px 7px 6px}.site-header .nav-search input{width:100%;height:34px}}
@media(max-width:480px){.site-header .nav button,.site-header .nav button:first-child{padding:12px 10px;font-size:11px}.site-header .nav button[data-category=all]{flex-basis:25%}.site-header .nav button[data-category=nails]{flex-basis:25%}.site-header .nav button[data-category=hair-colours]{flex-basis:50%}.site-header .nav button[data-category=hairstyles],.site-header .nav button[data-category=haircuts]{flex-basis:50%}}

.nav a{color:white;padding:17px 19px;font-size:13px;font-weight:bold;display:flex;align-items:center}.nav a:hover,.nav a.current{background:#bf6065}.nav-search button{color:white;background:none;border:0}.home-icon{color:white}.site-header .nav{display:flex!important}.site-header .nav-search{margin-left:auto}.site-header .masthead{padding-left:0}.card h3 a:hover{color:var(--rose)}.mini a{font:15px/1.35 Georgia,serif}.home-intro-link{display:inline-block;padding:10px 14px;background:#27272a;color:white;font-size:12px}.pagination{margin-top:25px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;top:10px;left:10px;background:white;z-index:9999;padding:12px}.single-content{font:17px/1.75 Arial,sans-serif;max-width:1160px;margin:auto;padding:35px 25px}.single-content h1{font:400 43px/1.25 Georgia,serif}.single-content a{color:#b95d63}.single-content .layout{grid-template-columns:minmax(0,780px) 245px}.single-content .metadata{font-size:12px;color:#69616a;border-bottom:1px solid #e5dfe3;padding-bottom:20px}.single-content .lead{font-size:19px;color:#69616a}.single-content h2{font:400 32px/1.25 Georgia,serif}.single-content h3{font:400 23px/1.25 Georgia,serif}@media(max-width:760px){.nav a{flex:1;text-align:center;justify-content:center;padding:12px 10px;font-size:11px}.single-content .layout{grid-template-columns:1fr}.single-content h1{font-size:33px}}
.single-content a{color:var(--rose)}
.single-content button{font:inherit;cursor:pointer}
.single-content a:focus-visible,.single-content button:focus-visible,.single-content summary:focus-visible{outline:3px solid var(--rose);outline-offset:4px}
.single-content .layout{display:grid;grid-template-columns:minmax(0,780px) 245px;gap:45px;padding:35px 0}
.single-content .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--rose);font-weight:bold}
.single-content h1,.single-content h2,.single-content h3{font-family:Georgia,serif;font-weight:400;line-height:1.25}
.single-content h1{font-size:43px;margin:12px 0 15px;letter-spacing:-.8px}
.single-content h2{font-size:32px;margin:13px 0 14px}
.single-content h3{font-size:23px;margin:22px 0 12px}
.single-content .lead{font-size:19px;color:var(--muted)}
.single-content .metadata{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}
.single-content .note{font-size:13px;background:var(--soft);padding:15px 18px;border-left:3px solid var(--rose)}
.single-content .quick{overflow:auto;border:1px solid var(--line);margin:20px 0 25px}
.single-content table{border-collapse:collapse;width:100%;font-size:13px;min-width:580px}
.single-content th,.single-content td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.single-content th{background:var(--soft)}
.single-content td:first-child{font-weight:bold}
.single-content .toc{background:var(--soft);padding:22px 25px}
.single-content .toc h2{font:700 15px Arial,sans-serif;margin:0 0 12px}
.single-content .toc ol{columns:2;margin:0;padding-left:22px;font-size:14px}
.single-content .toc li{padding:4px 0;break-inside:avoid}
.single-content .toc a{text-decoration:none}
.single-content .style{padding:34px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}
.single-content .style-heading{display:flex;gap:16px;align-items:start;justify-content:space-between}
.single-content .save{flex-shrink:0;border:1px solid var(--line);border-radius:4px;background:white;color:var(--rose);padding:6px 10px;font-size:12px}
.single-content .save[aria-pressed=true]{background:var(--rose);color:white}
.single-content .style-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--soft);padding:14px 18px;font-size:13px;margin:20px 0}
.single-content .style-meta strong{display:block}
.single-content .photo{margin:23px 0}
.single-content .photo button{padding:0;border:0;background:transparent;width:100%;display:block}
.single-content .photo img{width:100%;height:auto;display:block;border-radius:3px}
.single-content .photo figcaption{font-size:12px;color:var(--muted);margin-top:8px}
.single-content .steps{padding-left:26px}
.single-content .steps li{padding:7px 0}
.single-content .help{background:var(--soft);border-left:3px solid var(--rose);padding:17px 20px;font-size:15px}
.single-content .help strong{display:block;margin-bottom:5px}
.single-content .adapt{font-size:15px}
.single-content .back{font-size:12px;display:inline-block;margin-top:16px}
.single-content .sidebar{padding-top:7px}
.single-content .sidebar-box{background:var(--soft);padding:20px;margin-bottom:23px;font-size:13px}
.single-content .sidebar-box h2{font:700 15px Arial,sans-serif;margin:0 0 12px}
.single-content .sidebar-box ul{padding-left:17px}
.single-content .sidebar-box a{display:block;padding:7px 0}
.single-content .saved-list{padding-left:18px}
.single-content .saved-list a{padding:2px 0}
.single-content .faq details{padding:16px 0;border-bottom:1px solid var(--line)}
.single-content summary{cursor:pointer;font-weight:bold;font-size:15px}
.single-content .faq p{font-size:15px}
.single-content .end{padding:30px 0}
.single-content .end p{color:var(--muted)}
.single-content .foot-title{font-family:Georgia,serif;font-size:25px}
.single-content .related{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:18px 0}
.single-content .related a{padding:15px;background:var(--soft);text-decoration:none;font-size:14px}
.single-content dialog{padding:12px;border:0;border-radius:4px;background:white;max-width:95vw;max-height:94vh}
.single-content dialog::backdrop{background:#211d24bb}
.single-content dialog img{max-width:88vw;max-height:80vh;object-fit:contain;display:block}
.single-content .close{display:block;margin:0 0 10px auto;background:var(--soft);border:1px solid var(--line);padding:5px 12px;font-size:13px}
.single-content .zoom-caption{font-size:12px;margin:8px 0}
.single-content .source-note{font-size:12px;color:var(--muted)}
.single-content .layout{grid-template-columns:minmax(0,1fr);gap:20px}
.single-content .sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.single-content .sidebar-box{margin:0}
.single-content .sidebar-box:last-child{grid-column:1/-1}
.single-content .layout{padding:25px 0}
.single-content h1{font-size:33px}
.single-content h2{font-size:27px}
.single-content .lead{font-size:17px}
.single-content .toc ol{columns:1}
.single-content .style-meta{grid-template-columns:1fr;gap:10px}
.single-content .sidebar{grid-template-columns:1fr}
.single-content .style{padding:27px 0}
.single-content .steps li{padding:8px 0}
.single-content .related{grid-template-columns:1fr}
.single-content .style-heading{gap:10px}
.single-content .save{padding:5px 8px;font-size:11px}
.single-content .photo figcaption{font-size:11px}
.single-content .quick{margin-right:0}
.single-content .sidebar-box:last-child{grid-column:auto}
@media(max-width:900px){.single-content .layout{grid-template-columns:1fr}.single-content .sidebar{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:600px){.single-content .sidebar{grid-template-columns:1fr}.single-content .toc ol{columns:1}.single-content .style-meta{grid-template-columns:1fr}.single-content .related{grid-template-columns:1fr}.single-content h2{font-size:27px}}
/* Final article layout across viewport sizes. */
.single-content .layout{display:grid;grid-template-columns:minmax(0,780px) 245px;gap:45px;padding:20px 0}.single-content h1{font-size:43px}.single-content .lead{font-size:19px}.single-content .toc ol{columns:2}.single-content .style-meta{grid-template-columns:1fr 1fr}.single-content .note,.single-content .help,.single-content .sidebar-box,.single-content .toc{background:#f8f5f6}.single-content .photo{margin:23px 0}.single-content .photo img{width:100%;height:auto}.single-content .sidebar{display:block}.single-content .sidebar-box{margin-bottom:23px}.single-content .layout>p:empty{display:none}.site-header .brand{font-size:43px}@media(max-width:900px){.single-content .layout{grid-template-columns:1fr}.single-content .sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}}@media(max-width:600px){.single-content h1{font-size:33px}.single-content .lead{font-size:17px}.single-content .toc ol{columns:1}.single-content .style-meta{grid-template-columns:1fr}.single-content .sidebar{grid-template-columns:1fr}.site-header .brand{font-size:32px}}