@import url("./course-study.css");
@import url("./lesson-navigation.css");
@font-face{font-family:SMI;src:url('/assets/media/ca4b55d4ea4559254b47cb667b1a2737b97e454f73481af5777b3540b9da7f4a.woff') format('woff');font-display:swap}
:root{--paper:#f6f0ed;--ink:#392f37;--plum:#40333e;--accent:#8a4863;--line:#dacdca;--muted:#756670;--white:#fffaf7;--radius:20px;font-family:SMI,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c697ac;outline-offset:4px}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;z-index:50;background:white;padding:12px}.skip-link:focus{top:10px}.member-sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:linear-gradient(150deg,#493943,#352f3a);color:#f7efed;padding:34px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.brand img{width:105px;height:auto}.brand span{font-size:22px;font-weight:300}.member-sidebar nav{border-top:1px solid #ffffff38;margin-top:34px;padding-top:28px;display:grid;gap:8px}.member-sidebar nav a{padding:13px 12px;display:flex;align-items:center;gap:13px;border-radius:13px;font-size:15px;line-height:1.5}.member-sidebar nav a.active{background:#85475f}.member-sidebar nav a:hover{background:#ffffff12}.member-sidebar nav a.active:hover{background:#85475f}.member-sidebar nav img,.sidebar-bottom img{width:22px;filter:invert(1);opacity:.85}.sidebar-bottom{margin-top:auto;display:grid;gap:22px;border-top:1px solid #ffffff38;padding-top:22px;font-size:14px}.sidebar-bottom a,.sidebar-bottom button{display:flex;justify-content:space-between;align-items:center;gap:10px}.sidebar-bottom button{background:none;border:0;color:inherit;padding:0;text-align:left}.main-shell{margin-left:240px;padding:0 44px;min-height:100vh;max-width:1800px}.panel-header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.page-brand{font-size:25px;letter-spacing:-.6px}.user-pill{display:flex;align-items:center;gap:12px;font-size:15px}.avatar{width:37px;height:37px;border-radius:50%;background:#bfa4af;display:grid;place-items:center;color:white;font-size:14px}.avatar:empty{background:#e7d8d9}.icon-button{border:1px solid var(--line);background:transparent;border-radius:50%;width:40px;height:40px;display:inline-grid;place-items:center;flex-shrink:0}.icon-button img{width:18px}#menu{display:none}main#content{padding:35px 0 30px;min-height:calc(100vh - 155px)}h1,h2,h3,p{margin-top:0}h1{font-weight:400;font-size:clamp(28px,3.2vw,44px);line-height:1.16;letter-spacing:-1.5px;margin-bottom:13px}h2{font-size:27px;font-weight:400;letter-spacing:-.7px}h3{font-size:21px;font-weight:400;line-height:1.3}.lead{font-size:19px;color:#756371;line-height:1.6;margin-bottom:32px}.muted{color:var(--muted);line-height:1.6}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent);display:block;margin-bottom:20px;font-weight:600}.hero-product{display:grid;grid-template-columns:1.02fr 1.2fr;align-items:center;gap:45px;padding:10px 0 34px;border-bottom:1px solid var(--line)}.hero-product>img{width:100%;height:270px;border-radius:24px;object-fit:cover}.hero-product h2{font-size:64px;letter-spacing:-3px;margin:0 0 4px}.hero-product .full-name{font-size:19px;color:var(--accent);line-height:1.6;margin:0 0 25px}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:40px;padding:13px 23px;min-height:46px;background:var(--accent);color:#fff8f5;border:1px solid transparent;font-size:15px;line-height:1.3}.button:hover{background:#72364e}.button.secondary{border-color:var(--line);color:var(--ink);background:transparent}.button.secondary:hover{background:#eee4df}.button.small{padding:9px 15px;min-height:36px;font-size:13px}.text-link{border:0;border-bottom:1px solid var(--accent);background:none;padding:0 0 3px;color:var(--accent);font-size:15px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.collection-section>header,.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.collection-section h2{margin:0}.product-mini{display:flex;gap:22px;align-items:center}.product-mini img{width:145px;height:145px;border-radius:18px;object-fit:cover}.product-mini h3{margin-bottom:10px}.product-mini p{margin-bottom:12px}.empty{padding:25px;background:#eee5e1;border-radius:var(--radius);line-height:1.7;color:var(--muted)}.empty p:last-child{margin-bottom:0}.panel-footer{border-top:1px solid var(--line);padding:17px 0 23px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.store-link{border-top:1px solid var(--line);margin-top:32px;padding-top:22px}.balance{display:inline-flex;align-items:baseline;gap:8px;background:#eadbdf;color:#71394f;padding:9px 15px;border-radius:12px;font-size:13px;margin-bottom:17px}.balance strong{font-size:22px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:var(--white);border:1px solid #e4d7d1;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.card>img{width:100%;height:180px;object-fit:cover}.card-body{padding:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.card-body h3{margin-bottom:10px}.card-body .actions{margin-top:auto;padding-top:16px}.badge{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#80516a;border:1px solid #d3b7c1;border-radius:20px;padding:5px 9px;display:inline-block;margin-bottom:10px}.price{font-size:23px;margin:12px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fffaf7}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-size:12px;font-weight:500;background:#eee4df}th,td{padding:16px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:6px}.notice{padding:9px 15px;background:#eee3d1;border-radius:9px;font-size:12px;color:#725b3b;margin:18px 0 0}#message{padding:14px 18px;background:#efe0df;color:#733648;border-left:3px solid var(--accent);margin:18px 0;border-radius:6px;font-size:14px}.loading{padding:50px;text-align:center;color:var(--muted)}label{display:grid;gap:9px;margin-bottom:18px;font-size:14px}input,select,textarea{min-width:0;width:100%;padding:12px 14px;border:1px solid #cebfbc;background:#fffcfa;border-radius:10px;color:var(--ink)}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);padding:0;flex-shrink:0}.check{display:flex;gap:12px;align-items:flex-start;line-height:1.65}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid .full{grid-column:1/-1}.profile-form{max-width:580px;border:1px solid var(--line);padding:28px;border-radius:20px;background:var(--white)}dialog{border:1px solid var(--line);border-radius:24px;padding:38px;max-width:min(600px,92vw);width:600px;background:var(--paper);color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#241b247a;backdrop-filter:blur(5px)}dialog .close{float:right;margin:-20px -20px 8px 12px}dialog h2{margin-bottom:14px}dialog .muted{font-size:14px}.order-summary{border-block:1px solid var(--line);padding:18px 0;margin:24px 0;display:flex;justify-content:space-between;gap:12px}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:22px}.tabs button{white-space:nowrap;background:transparent;border:1px solid var(--line);border-radius:30px;padding:10px 15px;font-size:13px}.tabs button.active{background:var(--plum);border-color:var(--plum);color:white}.admin-form{margin:25px 0;border:1px solid var(--line);padding:24px;border-radius:20px;background:var(--white)}.admin-actions{display:flex;gap:9px}.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.video-shell{background:#302a30;border-radius:18px;overflow:hidden;min-height:300px;display:grid;place-items:center;color:#eee2e7}.video-shell video{width:100%;max-height:65vh;background:#211b21}.video-shell .empty{background:transparent;color:inherit}.lesson-list{padding:16px;border:1px solid var(--line);border-radius:18px}.lesson-list button{display:block;width:100%;padding:16px 10px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;line-height:1.5;color:var(--ink)}.lesson-list button.active{background:#eadce1;border-radius:10px}.lesson-list small{display:block;color:var(--muted)}.video-controls{display:flex;gap:12px;align-items:center;padding:18px 0}.video-controls select{width:auto}.progress{height:5px;background:#e4d3d7;border-radius:10px;margin:14px 0;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent)}.auth-page{display:grid;grid-template-columns:44% 56%;min-height:100dvh}.auth-art{background:linear-gradient(160deg,#302832e8,#664758dc),url('/assets/intero-store-v1/intero-scene.webp') center/cover;color:#f8f1ed;padding:50px;display:flex;flex-direction:column;justify-content:space-between;gap:70px}.auth-art h1{font-size:64px;letter-spacing:-3px}.auth-art p{font-size:21px;max-width:400px;line-height:1.7;color:#e0ccd5}.auth-art .eyebrow{color:#d4a6b7}.auth-art>span{font-size:12px;letter-spacing:1px;color:#d6bfc9}.auth-main{padding:48px clamp(25px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.back-link{margin-bottom:48px;color:var(--muted);font-size:14px}.auth-main h1{font-size:36px;letter-spacing:-1px}.auth-main .button{width:100%;margin:7px 0 20px}.auth-main .switch{display:flex;justify-content:space-between;font-size:14px;gap:15px;margin-top:15px}.auth-footer{font-size:12px;color:var(--muted);margin:45px 0 0}.reader-shell{height:calc(100dvh - 180px);min-height:450px;position:relative;background:#e4dedb;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.reader-toolbar{background:#fffaf7;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line)}.reader-toolbar input{width:68px;padding:9px}.reader-toolbar .search{width:150px}.reader-toolbar select{width:auto;padding:9px}.reader-toolbar .icon-button{width:34px;height:34px}.reader-body{position:absolute;inset:62px 0 0;display:flex}.reader-thumbs{width:110px;flex-shrink:0;overflow:auto;padding:10px;background:#eee7e3;border-right:1px solid var(--line)}.reader-thumbs button{display:block;width:100%;padding:7px;border:1px solid transparent;background:none;border-radius:6px;margin-bottom:10px}.reader-thumbs button.active{border-color:var(--accent);background:#f6efeb}.reader-thumbs canvas{max-width:100%;height:auto}.reader-thumbs span{font-size:11px;display:block}.reader-container{position:absolute;inset:0 0 0 110px;overflow:auto;touch-action:pan-x pan-y}.reader-container .pdfViewer .page{margin:12px auto}.reader-toolbar .spacer{flex:1}.reader-title{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.reader-title h1{font-size:26px;margin:0}.error{color:#983e52}.file-info{font-size:12px;color:var(--muted)}
@media(min-width:1650px){.main-shell{padding-inline:65px}.hero-product>img{height:340px}.hero-product{gap:65px}}
@media(max-width:1150px){.member-sidebar{width:214px;padding:28px 17px}.main-shell{margin-left:214px;padding:0 28px}.member-sidebar nav a{font-size:13px;gap:10px}.hero-product{gap:25px}.hero-product>img{height:240px}.hero-product h2{font-size:50px}.hero-product .full-name{font-size:16px}.two-columns{gap:24px}.product-mini img{width:100px;height:115px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.course-layout{grid-template-columns:1fr}.lesson-list{display:flex;overflow:auto}.lesson-list button{min-width:180px}.reader-toolbar .search{width:115px}}
@media(max-width:760px){.member-sidebar{transform:translateX(-100%);transition:transform .2s;width:260px;box-shadow:15px 0 50px #36283530}.member-sidebar.open{transform:none}.main-shell{margin-left:0;padding:0 20px}.panel-header{height:76px;justify-content:flex-start}.page-brand{font-size:21px}.user-pill{margin-left:auto;font-size:13px;max-width:42%;gap:7px}.user-pill>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:28px;height:28px;font-size:12px}#menu{display:inline-grid}main#content{padding-top:26px}h1{font-size:30px;letter-spacing:-1px}.lead{font-size:16px;margin-bottom:24px}.hero-product{grid-template-columns:1fr;gap:22px;padding-bottom:27px}.hero-product>img{height:220px}.hero-product h2{font-size:44px;letter-spacing:-2px}.hero-product .eyebrow{margin-bottom:10px}.hero-product .full-name{font-size:17px;margin-bottom:17px}.two-columns{grid-template-columns:1fr;gap:28px}.collection-section h2{font-size:23px}.product-mini img{width:115px;height:115px}.cards{grid-template-columns:1fr}.card>img{height:205px}.section-top{align-items:flex-start}.section-top h1{font-size:28px}.form-grid{grid-template-columns:1fr}.auth-page{display:block}.auth-art{padding:22px 25px;gap:0}.auth-art .brand{flex-direction:row;align-items:center;gap:15px}.auth-art .brand img{width:65px}.auth-art .brand span{font-size:19px}.auth-art>div,.auth-art>span{display:none}.auth-main{padding:28px 25px}.back-link{margin-bottom:35px}.auth-main h1{font-size:32px}.profile-form{padding:22px}.reader-shell{margin-inline:-10px;height:calc(100dvh - 200px);min-height:450px}.reader-title{flex-wrap:wrap}.reader-title h1{font-size:22px}.reader-toolbar{gap:5px;padding:8px}.reader-toolbar .search{width:100px}.reader-toolbar input{width:46px}.reader-body{top:98px}.reader-thumbs{display:none}.reader-container{left:0}.reader-toolbar .spacer{display:none}.reader-toolbar select{max-width:110px}.notice{font-size:11px}.video-shell{min-height:220px}.video-controls{flex-wrap:wrap}.panel-footer{font-size:11px}dialog{padding:30px 24px}.sidebar-bottom{margin-top:35px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.reader-toolbar .reader-group{display:flex;align-items:center;gap:6px}.reader-toolbar .reader-search-options{display:flex;gap:10px;align-items:center;font-size:11px}.reader-toolbar .reader-search-options label{display:flex;align-items:center;gap:5px;margin:0;font-size:11px}.reader-toolbar .reader-find-info{font-size:11px;min-width:80px;color:var(--muted)}.reader-shell:fullscreen{width:100vw;height:100dvh;border-radius:0}.reader-thumbs button:focus-visible{outline:2px solid var(--accent)}.reader-container{overscroll-behavior:contain}.reader-shell .reader-status{font-size:12px;padding:8px 12px;background:#fffaf7}

main#content:focus{outline:none}

.reader-toolbar .reader-group,.reader-toolbar .reader-search-options{flex-wrap:wrap;max-width:100%}

.selected-product{outline:2px solid var(--accent,#80516b);outline-offset:4px}

/* Account access copy: plain explanation, without a logo or slogan. */
.auth-art{justify-content:flex-start;gap:0}
.auth-platform{font-size:24px;letter-spacing:-.4px;color:#f8f1ed;align-self:flex-start}
.auth-explanation{margin-block:auto;padding-block:70px;max-width:420px}
.auth-explanation h2{font-size:42px;line-height:1.2;letter-spacing:-1px;margin-bottom:28px}
.auth-explanation p{font-size:19px;line-height:1.75;max-width:400px;margin-bottom:22px}
.auth-explanation p:last-child{margin-bottom:0}
@media(max-width:760px){.auth-platform{font-size:21px}.auth-art{padding:25px}.auth-explanation{display:none!important}.auth-main .switch{align-items:baseline;flex-wrap:wrap}}

/* Members see their own balance and purchased package, independent of admin. */
.member-credit{margin-left:auto;border:1px solid #d6bcc6;border-radius:24px;padding:9px 14px;font-size:13px;color:var(--accent);white-space:nowrap}
.package-summary{display:grid;gap:7px;margin:0 0 22px;border-left:2px solid #d3b3c0;padding-left:13px;font-size:14px}
.package-summary strong{font-weight:500;font-size:16px;line-height:1.45}
.package-label,.package-summary small{font-size:12px;color:var(--muted)}
.package-summary .text-link{justify-self:start;font-size:12px;margin-top:4px}
.package-history{margin:22px 0 26px;border-block:1px solid var(--line);padding:18px 0}
.package-history summary{cursor:pointer;color:var(--accent);font-size:15px}
.package-history[open] summary{margin-bottom:18px}
.package-history p{font-size:13px}
@media(max-width:760px){.panel-header{flex-wrap:wrap;height:auto;min-height:76px;padding-block:14px;gap:10px}.member-credit{order:4;margin-left:0;font-size:12px;padding:7px 12px}.user-pill{max-width:40%}.package-summary{margin-bottom:20px}}

/* Account screens: shared frame, two explicit entry choices. */
.auth-page{grid-template-columns:minmax(320px,43%) minmax(0,57%)}
.auth-main{padding:44px clamp(28px,5vw,80px);align-items:center}
.auth-shell{width:100%;max-width:440px}
.auth-main .back-link{display:inline-flex;align-items:center;margin-bottom:30px;font-size:13px;min-height:24px}
.auth-main h1{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:0 0 10px}
.auth-main h1:focus{outline:none}
.auth-main .muted{font-size:15px;line-height:1.6;margin-bottom:24px}
.auth-navigation{display:flex;padding:5px;border:1px solid #ded1d0;border-radius:14px;background:#eee5e2;gap:5px;margin-bottom:30px}
.auth-navigation a{flex:1;text-align:center;padding:11px 16px;border-radius:10px;font-size:14px;color:#796872;transition:background .15s,color .15s}
.auth-navigation a[aria-current="page"]{background:#fffaf7;color:#71394f;box-shadow:0 2px 7px #49333d0c;font-weight:600}
.auth-navigation a:hover{color:#71394f}
.auth-main label{font-size:13px;font-weight:500;gap:8px;margin-bottom:16px}
.auth-main input{font-size:16px;min-height:48px;border-radius:10px;background:#fffcfa}
.auth-main input:focus{border-color:#a56880;box-shadow:0 0 0 3px #a5688014}
.auth-field{margin-bottom:16px}
.auth-field>label{margin:0 0 8px}
.password-input{position:relative}
.password-input input{padding-right:72px}
.password-toggle{position:absolute;right:6px;top:4px;bottom:4px;padding:0 12px;background:none;border:0;border-radius:6px;color:#8a4863;font-size:12px}
.password-toggle:hover{background:#eee3e6}
.auth-main .file-info{font-size:12px;color:#756670;line-height:1.5;margin:-6px 0 15px}
.auth-main .button{border-radius:11px;margin:6px 0 8px;min-height:48px;font-size:14px}
.auth-main .button:disabled{cursor:not-allowed;opacity:.5}
.auth-main .switch{justify-content:center;align-items:baseline;gap:8px;margin-top:18px;flex-wrap:wrap;font-size:13px;color:#756670}
.auth-main .text-link{font-size:13px}
.auth-availability{background:#efe7e3;border:1px solid #ded1ca;border-radius:10px;font-size:12px;color:#68565e;line-height:1.6;padding:12px 14px;margin:0 0 22px}
.auth-availability button{background:none;border:0;border-bottom:1px solid currentColor;color:#8a4863;padding:0;margin-left:8px;font-size:12px}
.auth-explanation{max-width:400px}
.auth-explanation h2{font-size:38px;margin-bottom:22px}
.auth-explanation p{font-size:18px;line-height:1.7;max-width:360px}
@media(max-width:900px) and (min-width:761px){.auth-art{padding:34px}.auth-explanation h2{font-size:32px}.auth-explanation p{font-size:16px}.auth-main{padding:34px}}
@media(max-width:760px){.auth-page{display:block}.auth-art{padding:22px 24px;min-height:0}.auth-main{padding:25px 24px 40px;min-height:0}.auth-shell{max-width:440px}.auth-main .back-link{margin-bottom:24px}.auth-navigation{margin-bottom:25px}.auth-main h1{font-size:30px}.auth-main .muted{font-size:14px;margin-bottom:22px}.auth-main .switch{justify-content:center}.auth-platform{font-size:21px}}
@media(prefers-reduced-motion:reduce){.auth-navigation a{transition:none}}

/* Education library: compact, image-led rows that can grow with the catalog. */
.course-library-list{display:grid;gap:14px;margin-top:8px}
.course-library-row{display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr) minmax(180px,21%);align-items:center;gap:26px;min-height:218px;padding:16px;background:var(--white);border:1px solid #e4d7d1;border-radius:22px}
.course-library-cover{display:block;width:100%;height:190px;object-fit:cover;border-radius:16px;background:#302b39}
.course-library-info{min-width:0}
.course-library-info .badge{margin-bottom:10px}
.course-library-info h2{font-size:clamp(20px,1.9vw,27px);line-height:1.2;margin:0 0 9px;overflow-wrap:anywhere}
.course-library-info .muted{font-size:15px;line-height:1.48;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.course-library-progress{display:flex;align-items:center;gap:20px;margin-top:21px;font-size:13px;white-space:nowrap}
.course-library-progress .progress{flex:1;min-width:60px;margin:0}
.course-library-action{display:flex;align-items:center;justify-content:center;align-self:stretch;border-left:1px solid var(--line);padding-left:16px}
.course-library-action .button{white-space:nowrap;padding-inline:17px}
.course-catalog{margin-top:42px}
@media(max-width:1200px){.course-library-row{grid-template-columns:minmax(205px,31%) minmax(0,1fr);gap:20px}.course-library-action{grid-column:2;border:0;padding:0;justify-content:flex-start}.course-library-cover{grid-row:1 / span 2;height:205px}.course-library-progress{margin-top:14px}}
@media(max-width:760px){.course-library-row{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}.course-library-cover{grid-row:auto;height:auto;aspect-ratio:16/9}.course-library-info{padding:3px 5px 0}.course-library-info h2{font-size:22px}.course-library-info .muted{font-size:14px;display:block;overflow:visible}.course-library-progress{gap:12px;white-space:normal}.course-library-action{grid-column:auto;padding:0 5px 5px}.course-library-action .button{width:100%}.course-catalog{margin-top:32px}}

/* Device verification and account settings */
.device-policy {
  border: 1px solid #e2d2d7;
  border-radius: 14px;
  background: #f2e8eb;
  color: var(--ink);
  padding: 15px 17px;
}
.device-policy h2 {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.35;
}
.device-policy p {
  margin: 0;
  color: #65515d;
  font-size: 13px;
  line-height: 1.6;
}
.device-policy p + p { margin-top: 7px; }
.auth-device-policy { margin: 0 0 20px; }
.auth-device-policy .device-policy-kinds {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 13px;
  list-style: none;
  margin: 8px 0;
  padding: 0;
}
.device-policy-kinds li {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #71394f;
  font-size: 12px;
  white-space: nowrap;
}
.device-policy-kinds svg { width: 15px; height: 15px; }
.device-link-button {
  border: 0;
  background: transparent;
  padding: 0;
}
.device-settings {
  max-width: 960px;
  padding-bottom: 20px;
}
.device-settings-back {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin-bottom: 12px;
}
.device-settings .lead { margin-bottom: 22px; }
.device-settings-policy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  padding: 16px 18px;
}
.device-settings-status {
  color: var(--muted);
  margin: 22px 0 12px;
  font-size: 13px;
}
.device-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.device-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #e3d5d1;
  border-radius: 18px;
  background: var(--white);
  padding: 17px;
}
.device-card-current { border-color: #be91a3; }
.device-card-header {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  gap: 7px;
  margin-bottom: 11px;
}
.device-card-icon {
  display: inline-grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  border-radius: 10px;
  background: #eddee5;
  color: #733f56;
}
.device-card-icon img { width: 18px; height: 18px; }
.device-card-header h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: normal;
}
.device-card-tag {
  margin-left: auto;
  border-radius: 20px;
  padding: 4px 7px;
  background: #efdee6;
  color: #74364f;
  font-size: 11px;
  white-space: nowrap;
}
.device-card-name {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 5px;
  overflow-wrap: anywhere;
}
.device-card-detail {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  margin: 0 0 8px;
}
.device-card-detail strong {
  display: block;
  font-weight: 500;
  color: var(--ink);
}
.device-remove {
  min-height: 35px;
  margin-top: auto;
  padding: 0;
  text-align: left;
  border: 0;
  background: none;
  font-size: 13px;
}
.device-settings-entry {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  max-width: 580px;
  border: 1px solid #e2d2d7;
  border-radius: 14px;
  margin: 0 0 16px;
  padding: 14px 16px;
  background: #f2e8eb;
}
.device-settings-entry:hover { border-color: #be91a3; }
.device-settings-entry strong, .device-settings-entry small { display: block; }
.device-settings-entry small {
  color: var(--muted);
  margin-top: 3px;
  line-height: 1.4;
}
.device-removal {
  max-width: 600px;
  margin-top: 16px;
  border: 1px solid #e3d5d1;
  border-radius: 16px;
  background: var(--white);
  padding: 18px;
}
.device-removal h2 { font-size: 18px; line-height: 1.35; margin: 0 0 6px; }
.device-removal p { color: var(--muted); font-size: 14px; line-height: 1.5; }
.device-removal label { max-width: 260px; }
.device-removal-actions { flex-wrap: wrap; }
.device-removal-status { margin: 10px 0 0; }
.device-removal-status:empty { display: none; }
.device-removal-status[role="alert"] { color: #8b344f; }
@media (max-width: 980px) {
  .device-cards { grid-template-columns: repeat(auto-fit, minmax(min(100%, 205px), 1fr)); }
}
@media (max-width: 460px) {
  .device-cards { grid-template-columns: minmax(0, 1fr); }
  .device-settings-policy { grid-template-columns: minmax(0, 1fr); }
  .device-settings-policy > .device-card-icon { display: none; }
  .device-settings-policy, .device-card, .device-removal { padding: 14px; }
}