/* amaxologio.gr · am-components.css · load order: am-tokens, am-base, am-components, am-templates */
/* ---------- 4. HEADER, INFO BAR, BREADCRUMBS ---------- */
.am-header{position:relative;z-index:20;background:var(--am-header-bg);color:var(--am-header-text);--am-focus:var(--am-header-text)}
[data-theme="dark"] .am-header,.am-header[data-theme="dark"]{border-bottom:1px solid var(--am-border)}
.am-header__bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo actions" "search search";align-items:center;column-gap:12px;padding-block:8px 12px}
.am-header__logo{grid-area:logo}
.am-header__search{grid-area:search;margin-top:8px}
.am-header__actions{grid-area:actions;display:flex;gap:4px;align-items:center}
@container (min-width:1024px){
  .am-header__bar{grid-template-columns:auto minmax(0,560px) auto;grid-template-areas:"logo search actions";justify-content:space-between;column-gap:32px;padding-block:14px}
  .am-header__search{margin-top:0}
}
.am-hbtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:8px;border:1px solid transparent;background:transparent;color:inherit!important;font:600 17px/1 var(--am-font);text-decoration:none!important;cursor:pointer}
.am-hbtn:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
.am-hbtn[aria-expanded="true"]{background:color-mix(in srgb,currentColor 14%,transparent);border-color:color-mix(in srgb,currentColor 35%,transparent)}
.am-hpanel{background:var(--am-bg);color:var(--am-text);border-bottom:1px solid var(--am-border);box-shadow:var(--am-shadow);--am-focus:var(--am-brand)}
.am-hpanel__in{padding-block:24px 32px;display:grid;gap:32px}
@container (min-width:1024px){.am-hpanel__in{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}
.am-hpanel h2{font-size:15px!important;line-height:1.4!important;margin:0 0 12px!important;color:var(--am-text-muted)}
.am-hpanel__tools{display:grid;gap:4px;grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0}
@container (min-width:768px){.am-hpanel__tools{grid-template-columns:repeat(3,minmax(0,1fr))}}
.am-hpanel__tools li{margin:0}
.am-hpanel__tools a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--am-text)}
.am-hpanel__tools a:hover{background:var(--am-brand-soft)}
.am-hpanel__tools strong{display:block;color:var(--am-brand);font-weight:600;font-size:17px;line-height:1.35}
.am-hpanel__tools span{display:block;font-size:15px;line-height:1.45;color:var(--am-text-muted)}
.am-hpanel__hubs{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.am-hpanel__hubs li{margin:0}
.am-hpanel__hubs a{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 12px;border-radius:8px;text-decoration:none;color:var(--am-text);font-weight:600;font-size:17px}
.am-hpanel__hubs a:hover{background:var(--am-brand-soft)}
.am-hpanel__hubs .am-i{color:var(--am-brand)}

.am-logo{display:inline-flex;align-items:center;gap:10px;color:inherit!important;text-decoration:none!important}
.am-logo__icon{width:36px;height:36px;border-radius:8px;background:#123B6B;color:#F2B705;display:inline-grid;place-items:center;font:700 23px/1 var(--am-font);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);flex:none;padding-bottom:3px}
.am-logo__icon--xl{width:96px;height:96px;border-radius:20px;font-size:62px;padding-bottom:8px}
.am-logo__word{font:700 22px/1 var(--am-font);letter-spacing:-.015em;display:inline-flex;align-items:center}
.am-logo__bar{background:var(--am-brand-soft);color:var(--am-brand);border-radius:6px;padding:3px 6px 5px;margin-left:1px;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--am-brand) 22%,transparent)}
.am-logo--lg .am-logo__icon{width:44px;height:44px;font-size:28px}
.am-logo--lg .am-logo__word{font-size:28px}

.am-infobar{background:var(--am-brand-soft);color:var(--am-text);font-size:15px;line-height:1.5;border-bottom:1px solid var(--am-border)}
.am-infobar__in{display:flex;align-items:center;gap:12px;min-height:48px;padding-block:4px}
.am-infobar__in>.am-i{color:var(--am-brand)}
.am-infobar__close{margin-left:auto;color:var(--am-text)!important}
.am-ibtn{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:8px;border:0;background:transparent;color:inherit;cursor:pointer;flex:none}
.am-ibtn:hover{background:color-mix(in srgb,currentColor 10%,transparent)}

.am-crumbs ol{list-style:none;margin:0;padding:16px 0 0;display:flex;flex-wrap:wrap;gap:2px 8px;font-size:15px;line-height:1.5;color:var(--am-text-muted)}
.am-crumbs li{display:flex;align-items:center;gap:8px;margin:0!important}
.am-crumbs li+li::before{content:"›";color:var(--am-text-muted)}
.am-crumbs a{color:var(--am-text-muted)!important}
.am-crumbs [aria-current]{color:var(--am-text)}

/* ---------- 5. PAGE HEAD, BYLINE, BADGES ---------- */
.am-pagehead{padding-block:8px 32px}
.am-pagehead h1{margin-top:16px}
.am-standfirst{font-size:18px;line-height:1.6;max-width:var(--am-read);margin:0 0 16px!important}
@container (min-width:1024px){.am-standfirst{font-size:20px;line-height:1.55}}
.am-byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:15px;line-height:1.5;color:var(--am-text-muted)}
.am-byline__avatar{width:32px;height:32px;border-radius:8px;background:#123B6B;color:#F2B705;display:grid;place-items:center;font-weight:700;font-size:20px;padding-bottom:2px;flex:none}
.am-byline__who{color:var(--am-text);font-weight:600}
.am-byline__reviewer{display:inline-flex;align-items:center;gap:6px;color:var(--am-ok);font-weight:600}
.am-byline [hidden]{display:none}
.am-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 12px;font:600 15px/1.4 var(--am-font);max-width:100%;border:1px solid transparent;background:var(--am-surface);color:var(--am-text)}
.am-badge .am-i{width:16px;height:16px}
.am-badge--brand{background:var(--am-brand-soft);color:var(--am-brand)}
.am-badge--neutral{background:var(--am-surface);color:var(--am-text);border-color:var(--am-border)}
.am-badge--est{background:transparent;color:var(--am-text);border:1px dashed var(--am-border-strong)}
.am-badge--ok{background:var(--am-ok-bg);color:var(--am-ok)}
.am-badge--warn{background:var(--am-warn-bg);color:var(--am-warn)}
.am-badge--danger{background:var(--am-danger-bg);color:var(--am-danger)}

/* ---------- 6. BUTTONS ---------- */
.am-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:8px;border:2px solid transparent;font:600 17px/1.2 var(--am-font);text-decoration:none!important;cursor:pointer;transition:background-color .15s,border-color .15s;text-align:center;max-width:100%;white-space:nowrap}
@container (max-width:767px){.am-btn{white-space:normal}}
.am-btn--primary{background:var(--am-action);color:var(--am-on-action)!important}
.am-btn--primary:hover,.am-btn--primary.is-hover{background:var(--am-action-hover)}
.am-btn--primary:active,.am-btn--primary.is-pressed{background:var(--am-action-hover);box-shadow:inset 0 3px 0 rgba(0,0,0,.14);transform:translateY(1px)}
.am-btn--secondary{background:transparent;color:var(--am-brand)!important;border-color:var(--am-brand)}
.am-btn--secondary:hover,.am-btn--secondary.is-hover{background:var(--am-brand-soft)}
.am-btn--secondary:active,.am-btn--secondary.is-pressed{background:var(--am-brand-soft);box-shadow:inset 0 3px 0 color-mix(in srgb,var(--am-brand) 20%,transparent);transform:translateY(1px)}
.am-btn--text{background:transparent;color:var(--am-brand)!important;padding:0 8px;text-decoration:underline!important;text-underline-offset:3px}
.am-btn--text:hover,.am-btn--text.is-hover{text-decoration-thickness:2px!important;background:var(--am-brand-soft)}
.am-btn--text:active,.am-btn--text.is-pressed{background:color-mix(in srgb,var(--am-brand) 18%,transparent)}
.am-btn--inline{min-height:32px;padding:0 4px;font-size:15px;gap:4px}
.am-btn--inline .am-i{width:18px;height:18px}
.am-btn--sm{min-height:44px;padding:0 14px;font-size:15px}
.am-btn--block{width:100%}
.am-btn.is-focus{outline:2px solid var(--am-focus);outline-offset:2px}
.am-btn[disabled],.am-btn.is-disabled{background:var(--am-surface)!important;color:var(--am-text-muted)!important;border-color:var(--am-border)!important;cursor:not-allowed;box-shadow:none;transform:none;text-decoration:none!important}
.am-btn.is-loading{cursor:progress}
.am-spin{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:am-spin .8s linear infinite;flex:none}
@keyframes am-spin{to{transform:rotate(360deg)}}

/* ---------- 7. FORMS ---------- */
.am-field{display:grid;gap:6px;min-width:0;align-content:start}
.am-field>*,.am-input,.am-select{min-width:0}
.am-label{font:600 17px/1.35 var(--am-font);color:var(--am-text);display:flex;justify-content:space-between;align-items:center;gap:4px 8px;flex-wrap:wrap;padding:0}
.am-label label{cursor:pointer}
.am-label__opt{font-weight:400;font-size:15px;color:var(--am-text-muted)}
.am-help{font-size:15px!important;line-height:1.5;color:var(--am-text-muted);margin:-2px 0 2px!important}
.am-input,.am-select{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--am-border-strong);border-radius:8px;background:var(--am-bg);color:var(--am-text);font:400 18px/1.4 var(--am-font);color-scheme:light}
[data-theme="dark"] .am-input,[data-theme="dark"] .am-select{color-scheme:dark}
.am-input::placeholder{color:var(--am-text-muted);opacity:1}
.am-input:hover,.am-select:hover{border-color:var(--am-text-muted)}
.am-input:focus,.am-select:focus,.am-input.is-focus{outline:2px solid var(--am-focus);outline-offset:2px;border-color:var(--am-brand)}
.am-input[disabled],.am-select[disabled]{background:var(--am-surface);color:var(--am-text-muted);cursor:not-allowed;border-style:dashed}
.am-input[readonly]{background:var(--am-surface)}
.am-textarea{min-height:110px;resize:vertical;line-height:1.5}
.am-field.is-error .am-input,.am-field.is-error .am-select{border:2px solid var(--am-danger);padding:9px 13px}
.am-error{display:flex;gap:6px;align-items:flex-start;color:var(--am-danger);font-size:15px!important;line-height:1.45;font-weight:600;margin:0!important}
.am-error .am-i{width:18px;height:18px;margin-top:1px}
.am-unit{position:relative}
.am-unit .am-input{padding-right:72px}
.am-unit__u{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--am-text-muted);font-size:15px;pointer-events:none}
.am-selectwrap{position:relative}
.am-selectwrap .am-select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer}
.am-selectwrap::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid var(--am-text-muted);border-bottom:2px solid var(--am-text-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.am-fieldset{border:0;padding:0;margin:0;min-width:0}
.am-fieldset legend{padding:0;margin-bottom:6px}
.am-seg{display:flex;flex-wrap:wrap;gap:8px}
.am-seg label{position:relative;display:inline-flex}
.am-seg input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.am-seg span{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--am-border-strong);border-radius:8px;background:var(--am-bg);font-weight:600;font-size:17px;line-height:1.2;color:var(--am-text)}
.am-seg input:checked+span{background:var(--am-brand-soft);border-color:var(--am-brand);color:var(--am-brand);box-shadow:inset 0 0 0 1px var(--am-brand)}
.am-seg input:checked+span::before{content:"";width:8px;height:13px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px)}
.am-seg input:focus-visible+span{outline:2px solid var(--am-focus);outline-offset:2px}
.am-check{display:flex;gap:12px;align-items:flex-start;min-height:44px;cursor:pointer;font-size:17px;line-height:1.45;padding-top:8px}
.am-check input{width:22px;height:22px;accent-color:var(--am-brand);margin:0;flex:none;cursor:pointer}
.am-switch{display:flex;gap:12px;align-items:center;min-height:44px;cursor:pointer;font-size:17px;font-weight:600}
.am-switch input{appearance:none;-webkit-appearance:none;width:52px;height:30px;border-radius:999px;background:var(--am-bg);border:1px solid var(--am-border-strong);position:relative;margin:0;flex:none;cursor:pointer;transition:background-color .15s}
.am-switch input::before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--am-border-strong);transition:transform .15s}
.am-switch input:checked{background:var(--am-brand);border-color:var(--am-brand)}
.am-switch input:checked::before{transform:translateX(22px);background:var(--am-bg)}

/* ---------- 8. SEARCH ---------- */
.am-search{position:relative;width:100%}
.am-search__form{margin:0}
.am-search__field{min-width:0;display:flex;align-items:center;gap:10px;background:var(--am-bg);color:var(--am-text-muted);border:1px solid var(--am-border-strong);border-radius:8px;min-height:48px;padding:0 6px 0 14px}
.am-search__field:focus-within{outline:2px solid var(--am-focus);outline-offset:2px;border-color:var(--am-brand)}
.am-search__input{flex:1 1 auto;width:0;min-width:0;border:0;background:transparent;font:400 17px/1.4 var(--am-font);color:var(--am-text);padding:12px 0;outline:none!important;color-scheme:inherit}
.am-search__input::placeholder{color:var(--am-text-muted);opacity:1}
.am-search__input::-webkit-search-cancel-button{display:none}
.am-search__clear{color:var(--am-text-muted)}
.am-search--lg .am-search__field{min-height:68px;border-radius:12px;border-width:2px;padding:0 10px 0 20px;box-shadow:0 2px 0 rgba(16,24,40,.04)}
.am-search--lg .am-search__input{font-size:20px}
.am-search--lg .am-search__field>.am-i{width:24px;height:24px}
.am-search__menu{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--am-bg);color:var(--am-text);border:1px solid var(--am-border);border-radius:12px;box-shadow:var(--am-shadow);padding:8px;z-index:40;max-height:460px;overflow:auto;--am-focus:var(--am-brand);text-align:left}
.am-search__group{font-size:15px;line-height:1.4;color:var(--am-text-muted);padding:10px 12px 4px;font-weight:600;margin:0}
.am-search__list{list-style:none;margin:0;padding:0}
.am-search__list li{margin:0!important}
.am-search__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--am-text)!important;text-decoration:none!important;min-height:44px;font-size:17px;line-height:1.35}
.am-search__item .am-i{color:var(--am-text-muted)}
.am-search__item:hover,.am-search__item.is-active{background:var(--am-brand-soft)}
.am-search__item mark{background:transparent;color:inherit;font-weight:700}
.am-search__item--prefill{font-weight:600;color:var(--am-brand)!important;background:var(--am-brand-soft)}
.am-search__item--prefill .am-i{color:var(--am-brand)}
.am-search__note{padding:12px;font-size:15px;line-height:1.5;color:var(--am-text-muted);margin:0}
.am-search__foot{border-top:1px solid var(--am-border);margin-top:6px;padding:8px 12px 4px;font-size:15px}

/* ---------- 9. TOOL SHELL ---------- */
.am-tool{border:1px solid var(--am-border);border-radius:12px;background:var(--am-bg);max-width:var(--am-toolw);scroll-margin-top:16px}
.am-tool__head{padding:20px 20px 0}
.am-tool__title{font-size:20px!important;line-height:1.3!important;margin:0!important}
.am-tool__purpose{font-size:15px!important;line-height:1.5;color:var(--am-text-muted);margin:4px 0 0!important}
.am-tool__form{padding:20px;display:grid;gap:20px}
.am-tool__grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@container (min-width:768px){.am-tool__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.am-tool__grid .is-wide{grid-column:1/-1}}
.am-tool__grid--one{grid-template-columns:minmax(0,1fr)!important}
.am-tool__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.am-tool__live{font-size:15px;color:var(--am-text-muted);display:inline-flex;align-items:center;gap:6px}
.am-tool__out{padding:0 20px 20px;display:grid;gap:16px}
.am-tool__gap{height:4px}
@container (min-width:768px){.am-tool__head{padding:24px 24px 0}.am-tool__form{padding:24px}.am-tool__out{padding:0 24px 24px}}

/* ---------- 10. RESULT ---------- */
.am-result{background:var(--am-brand-soft);border-radius:12px;padding:20px;display:grid;gap:12px;border:1px solid color-mix(in srgb,var(--am-brand) 18%,transparent)}
.am-result__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
.am-result__label{display:flex;align-items:center;gap:8px;font:600 17px/1.35 var(--am-font);margin:0!important;color:var(--am-text)}
.am-result__num{display:block;font:700 40px/1.1 var(--am-font);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.02em;color:var(--am-brand);margin:0!important}
@container (min-width:1024px){.am-result__num{font-size:56px;line-height:1.05}}
.am-result__sub{font-size:15px!important;color:var(--am-text);margin:-4px 0 0!important}
.am-result__break{margin:0;border-top:1px solid color-mix(in srgb,var(--am-brand) 20%,transparent)}
.am-result__break .am-kv{border-bottom-color:color-mix(in srgb,var(--am-brand) 20%,transparent)}
.am-result__actions{display:flex;flex-wrap:wrap;gap:8px}
.am-result--ok{background:var(--am-ok-bg);border-color:color-mix(in srgb,var(--am-ok) 30%,transparent)}
.am-result--ok .am-result__num,.am-result--ok .am-result__label{color:var(--am-ok)}
.am-result--danger{background:var(--am-danger-bg);border-color:color-mix(in srgb,var(--am-danger) 30%,transparent)}
.am-result--danger .am-result__num,.am-result--danger .am-result__label{color:var(--am-danger)}
.am-result--empty{background:var(--am-surface);border:1px dashed var(--am-border-strong)}
.am-result--empty .am-result__label{font-weight:400;color:var(--am-text-muted)}
.am-result--out{background:var(--am-surface);border:1px solid var(--am-border)}
.am-result--out .am-result__label .am-i{color:var(--am-brand)}
.am-disclaimer{font-size:15px!important;line-height:1.5;color:var(--am-text-muted);margin:0!important}
.am-hint{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;font-size:15px!important;line-height:1.5;margin:0!important;color:var(--am-text)}
.am-hint .am-i{width:18px;height:18px;margin-top:2px;color:var(--am-brand)}
.am-kvlist{margin:0;display:grid}
.am-kv{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--am-border);font-size:17px;line-height:1.45}
.am-kv dt{color:var(--am-text)}
.am-kv dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.am-kv--total{border-bottom:0!important;font-size:18px}
.am-kv--total dt,.am-kv--total dd{font-weight:700}
.am-kv--block{display:grid;gap:2px}
.am-kv--block dd{text-align:left;font-weight:400}
.am-kv--block dt{font-weight:600}
.am-basis{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:12px 16px;border-radius:8px;background:var(--am-surface);border:1px solid var(--am-border);font-size:15px;line-height:1.5;color:var(--am-text)}
.am-basis>.am-i{color:var(--am-brand)}
.am-basis__k{font-weight:700}
.am-meaning{padding:4px 0 0}
.am-meaning strong{display:block;font-size:17px;margin-bottom:4px}
.am-meaning p{margin:0!important}
.am-late{border:1px solid var(--am-border);border-radius:12px;overflow:hidden}
.am-late__head{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--am-warn-bg);color:var(--am-warn);font-weight:700;font-size:17px}
.am-stickybar{position:sticky;bottom:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:var(--am-bg);border-top:1px solid var(--am-border);box-shadow:var(--am-shadow)}
.am-stickybar>div{display:grid;line-height:1.2}
.am-stickybar__num{font-size:26px;font-weight:700;color:var(--am-brand)}
.am-stickybar--demo{position:relative;border:1px solid var(--am-border);border-radius:12px}
@container (min-width:1024px){.am-stickybar:not(.am-stickybar--demo){display:none}}

/* ---------- 11. CONTENT BLOCKS ---------- */
.am-quick{background:var(--am-brand-soft);border-radius:12px;padding:20px 24px}
.am-quick__title{font-size:20px!important;margin:0 0 8px!important;color:var(--am-brand)}
.am-quick p:last-child{margin:0}
.am-law{border:1px solid var(--am-border);border-radius:12px;padding:20px 24px}
.am-law__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.am-law__head .am-i{color:var(--am-brand);width:24px;height:24px}
.am-law__head h2,.am-law__head h3{margin:0!important;font-size:20px!important}
.am-law__ref{font-size:15px!important;color:var(--am-text-muted);border-top:1px solid var(--am-border);padding-top:12px;margin:12px 0 0!important}
.am-panel{border:1px solid var(--am-border);border-radius:12px;padding:0 20px}
.am-panel+.am-panel{margin-top:12px}
.am-panel summary,.am-acc summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 0;cursor:pointer;font-weight:600;font-size:18px;line-height:1.4}
.am-panel summary>span,.am-acc summary>span{font-weight:400}
.am-panel summary::-webkit-details-marker,.am-acc summary::-webkit-details-marker{display:none}
.am-panel summary::after,.am-acc summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s;flex:none;margin-right:6px}
.am-panel details[open]>summary::after,.am-acc details[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.am-panel summary.is-focus,.am-acc summary.is-focus{outline:2px solid var(--am-focus);outline-offset:2px;border-radius:4px}
.am-panel__body{padding:0 0 20px}
.am-panel__body p:last-child{margin-bottom:0}
.am-acc{border-top:1px solid var(--am-border)}
.am-acc details{border-bottom:1px solid var(--am-border)}
.am-acc__body{padding:0 0 16px}
.am-acc__body p:last-child{margin-bottom:0}
.am-sources{margin:0!important;padding-left:24px!important;display:grid;gap:10px}
.am-sources li{margin:0!important;padding-left:4px}
.am-sources span{display:block;font-size:15px;color:var(--am-text-muted)}
.am-related{list-style:none;margin:0!important;padding:0!important;border-top:1px solid var(--am-border)}
.am-related li{margin:0!important;border-bottom:1px solid var(--am-border)}
.am-related a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 0;font-weight:600;text-decoration:none!important}
.am-related a:hover{text-decoration:underline!important}
.am-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:1px;background:var(--am-border);border:1px solid var(--am-border);border-radius:12px;overflow:hidden}
.am-fact{background:var(--am-bg);padding:14px 16px;display:grid;gap:2px}
.am-fact span{font-size:15px;color:var(--am-text-muted);display:flex;align-items:center;gap:6px}
.am-fact strong{font-size:18px;font-variant-numeric:tabular-nums}
.am-steps{list-style:none;margin:0!important;padding:0!important;display:grid;gap:12px}
.am-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;padding:16px;border:1px solid var(--am-border);border-radius:12px;margin:0!important;transition:background-color .15s}
.am-step__n{width:36px;height:36px;border-radius:999px;background:var(--am-brand-soft);color:var(--am-brand);font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums;grid-row:span 2}
.am-step__title{font-weight:600;font-size:18px;margin:4px 0 0!important}
.am-step__body p{margin:0 0 8px!important;font-size:17px}
.am-step .am-check{padding-top:0;font-size:15px;font-weight:600;color:var(--am-text-muted)}
.am-step.is-done{background:var(--am-ok-bg);border-color:color-mix(in srgb,var(--am-ok) 30%,transparent)}
.am-step.is-done .am-step__n{background:var(--am-ok);color:var(--am-bg)}
.am-checklist{list-style:none;margin:0!important;padding:0!important;display:grid;gap:4px}
.am-checklist li{margin:0!important}
.am-blockquote{margin:32px 0;padding:0 0 0 0}
.am-blockquote blockquote{margin:0;font-size:20px;line-height:1.55;font-weight:600;color:var(--am-text)}
.am-blockquote blockquote::before{content:"«";color:var(--am-brand)}
.am-blockquote blockquote::after{content:"»";color:var(--am-brand)}
.am-blockquote figcaption{font-size:15px;color:var(--am-text-muted);margin-top:8px}
.am-next{display:grid;gap:12px;padding:24px;border-radius:12px;background:var(--am-surface);border:1px solid var(--am-border)}
.am-next__k{font-size:15px;font-weight:600;color:var(--am-text-muted);margin:0!important}
.am-next h2,.am-next h3{margin:0!important;font-size:22px!important}
.am-feedback{display:grid;gap:12px;padding:20px 24px;border:1px solid var(--am-border);border-radius:12px}
.am-feedback h2,.am-feedback h3{margin:0!important;font-size:20px!important}
.am-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.am-meaningbox{}
.am-progress{position:fixed;top:var(--wp-admin--admin-bar--height,0px);left:0;right:0;z-index:25;height:4px;background:transparent;pointer-events:none}
.am-progress span{display:block;height:100%;background:var(--am-brand)}
.am-toc{font-size:15px;line-height:1.45}
.am-toc__title{font-weight:700;margin:0 0 8px!important;font-size:15px;color:var(--am-text-muted)}
.am-toc ol{list-style:none;margin:0!important;padding:0!important;display:grid;gap:2px}
.am-toc li{margin:0!important}
.am-toc a{display:block;padding:7px 12px;border-radius:8px;text-decoration:none!important;color:var(--am-text)!important}
.am-toc a:hover{background:var(--am-surface)}
.am-toc a[aria-current]{background:var(--am-brand-soft);color:var(--am-brand)!important;font-weight:600}
.am-tocchip{position:sticky;bottom:16px;z-index:14;display:flex;justify-content:flex-end;padding-inline:20px;pointer-events:none}
.am-tocchip .am-btn{pointer-events:auto;box-shadow:var(--am-shadow);background:var(--am-bg)}
@container (min-width:1024px){.am-tocchip{display:none}}
.am-sidenav{font-size:15px}
.am-sidenav__title{font-weight:700;color:var(--am-text-muted);margin:0 0 8px!important}
.am-sidenav ol{list-style:none;margin:0!important;padding:0!important;display:grid;gap:2px}
.am-sidenav li{margin:0!important}
.am-sidenav a{display:block;padding:7px 12px;border-radius:8px;text-decoration:none!important;color:var(--am-text)!important}
.am-sidenav a:hover{background:var(--am-surface)}
.am-sidenav a[aria-current]{background:var(--am-brand-soft);color:var(--am-brand)!important;font-weight:600}

/* ---------- 12. TABLES ---------- */
.am-table-wrap{overflow-x:auto;border:1px solid var(--am-border);border-radius:12px;background:var(--am-bg)}
.am-table{width:100%;border-collapse:collapse;font-size:17px;line-height:1.45}
.am-table caption{caption-side:top;text-align:left;padding:14px 16px;font-size:15px;line-height:1.5;color:var(--am-text-muted);border-bottom:1px solid var(--am-border)}
.am-table caption strong{color:var(--am-text);font-size:17px}
.am-table th{background:var(--am-surface);text-align:left;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--am-border);vertical-align:bottom;font-size:15px}
.am-table td{padding:12px 16px;border-bottom:1px solid var(--am-border);vertical-align:top}
.am-table tbody tr:last-child td{border-bottom:0}
.am-table .is-num{text-align:right;white-space:nowrap}
.am-table tr.is-hl td{background:var(--am-brand-soft);font-weight:600}
.am-table tr.is-hl td:first-child{box-shadow:inset 3px 0 0 var(--am-brand)}
.am-tablebar{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@container (max-width:767px){
  .am-table--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .am-table--stack tbody,.am-table--stack tr,.am-table--stack td{display:block}
  .am-table--stack tr{border-bottom:1px solid var(--am-border);padding:8px 0}
  .am-table--stack tbody tr:last-child{border-bottom:0}
  .am-table--stack td{display:flex;justify-content:space-between;gap:16px;border:0!important;padding:6px 16px;text-align:right!important;white-space:normal}
  .am-table--stack td::before{content:attr(data-label);font-weight:600;color:var(--am-text-muted);text-align:left;font-size:15px;flex:none;max-width:45%}
  .am-table--stack tr.is-hl td:first-child{box-shadow:none}
}

/* ---------- 13. CARDS, TILES, LISTS ---------- */
.am-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 16px;align-content:start;padding:20px;border:1px solid var(--am-border);border-radius:12px;background:var(--am-bg);color:var(--am-text)!important;text-decoration:none!important;transition:border-color .15s,background-color .15s}
.am-card:hover,.am-card.is-hover{border-color:var(--am-brand);background:var(--am-brand-soft)}
.am-card.is-focus{outline:2px solid var(--am-focus);outline-offset:2px}
.am-card__icon{grid-row:span 3;width:44px;height:44px;border-radius:10px;background:var(--am-brand-soft);color:var(--am-brand);display:grid;place-items:center}
.am-card:hover .am-card__icon,.am-card.is-hover .am-card__icon{background:var(--am-bg)}
.am-card__title{font-weight:600;font-size:18px;line-height:1.35;color:var(--am-brand)}
.am-card__desc{font-size:15px;line-height:1.5;color:var(--am-text-muted)}
.am-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:15px}
.am-card__needs{font-size:15px;line-height:1.5;color:var(--am-text);margin-top:8px}
.am-tile{display:grid;gap:10px;color:var(--am-text)!important;text-decoration:none!important;border-radius:12px}
.am-tile .am-img__ph{transition:filter .15s}
.am-tile:hover .am-img__ph,.am-tile.is-hover .am-img__ph{filter:brightness(.92)}
.am-tile.is-focus{outline:2px solid var(--am-focus);outline-offset:4px}
.am-tile__name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:17px;line-height:1.3}
.am-tile__name .am-i{color:var(--am-brand)}
.am-tile:hover .am-tile__name,.am-tile.is-hover .am-tile__name{text-decoration:underline;text-underline-offset:3px}
.am-bigbtns{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@container (min-width:768px){.am-bigbtns{grid-template-columns:repeat(3,minmax(0,1fr))}}
.am-bigbtn{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 18px;border:2px solid var(--am-brand);border-radius:12px;background:var(--am-bg);color:var(--am-brand)!important;font-weight:700;font-size:18px;line-height:1.3;text-decoration:none!important}
.am-bigbtn:hover{background:var(--am-brand-soft)}
.am-bigbtn .am-i{width:26px;height:26px}
.am-bigbtn .am-i:last-child{margin-left:auto;width:20px;height:20px}
.am-index{list-style:none;margin:0!important;padding:0!important;border-top:1px solid var(--am-border)}
.am-index>li{margin:0!important;border-bottom:1px solid var(--am-border)}
.am-index a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 16px;padding:18px 4px;text-decoration:none!important;color:var(--am-text)!important}
.am-index a:hover .am-index__title{text-decoration:underline;text-underline-offset:3px}
.am-index__icon{grid-row:span 3;width:40px;height:40px;border-radius:10px;background:var(--am-surface);color:var(--am-brand);display:grid;place-items:center}
.am-index__title{font-weight:600;font-size:18px;line-height:1.35;color:var(--am-brand)}
.am-index__desc{font-size:15px;line-height:1.5;color:var(--am-text-muted)}
.am-index__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.am-chips{display:flex;flex-wrap:wrap;gap:8px}
.am-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--am-border-strong);background:var(--am-bg);color:var(--am-text);font:600 15px/1 var(--am-font);cursor:pointer;text-decoration:none!important}
.am-chip:hover{background:var(--am-surface)}
.am-chip[aria-pressed="true"],.am-chip[aria-current]{background:var(--am-brand);border-color:var(--am-brand);color:var(--am-bg)!important}
.am-pag{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.am-pag a,.am-pag>span{min-width:44px;height:44px;padding:0 10px;display:inline-grid;place-items:center;border:1px solid var(--am-border);border-radius:8px;text-decoration:none!important;font-weight:600;font-variant-numeric:tabular-nums}
.am-pag a:hover{border-color:var(--am-brand);background:var(--am-brand-soft)}
.am-pag [aria-current]{background:var(--am-brand);border-color:var(--am-brand);color:var(--am-bg)}
.am-pag .am-pag__gap{border:0;min-width:24px}

/* ---------- 14. FINES, DEADLINE, METER, STACK ---------- */
.am-fines{display:grid;gap:16px}
.am-finelist{list-style:none;margin:0!important;padding:0!important;border:1px solid var(--am-border);border-radius:12px;overflow:hidden}
.am-fine{margin:0!important;border-bottom:1px solid var(--am-border)}
.am-fine:last-child{border-bottom:0}
.am-fine__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;background:var(--am-bg);border:0;color:var(--am-text);text-align:left;cursor:pointer;font:400 17px/1.4 var(--am-font)}
.am-fine__row:hover{background:var(--am-surface)}
.am-fine__row::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.am-fine.is-open .am-fine__row::after{transform:translateY(2px) rotate(-135deg)}
.am-fine.is-open .am-fine__row{background:var(--am-brand-soft)}
.am-fine__name{font-weight:600}
.am-fine__cat{display:block;font-size:15px;font-weight:400;color:var(--am-text-muted)}
.am-fine__amt{font-weight:700;white-space:nowrap}
.am-fine__more{padding:4px 16px 16px;background:var(--am-brand-soft)}
.am-fine__more .am-kv{border-bottom-color:color-mix(in srgb,var(--am-brand) 20%,transparent)}
.am-deadline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 16px;border:1px solid var(--am-border);border-radius:12px}
.am-status{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:17px;line-height:1.3;padding:6px 14px;border-radius:999px}
.am-status--ok{background:var(--am-ok-bg);color:var(--am-ok)}
.am-status--warn{background:var(--am-warn-bg);color:var(--am-warn)}
.am-status--danger{background:var(--am-danger-bg);color:var(--am-danger)}
.am-meter{position:relative;height:18px;border-radius:999px;background:var(--am-surface);border:1px solid var(--am-border-strong);overflow:hidden}
.am-meter>span{display:block;height:100%;background:var(--am-brand)}
.am-meter__scale{display:flex;justify-content:space-between;font-size:15px;color:var(--am-text-muted);margin-top:6px;font-variant-numeric:tabular-nums}
.am-stackbar{display:flex;height:32px;border-radius:8px;overflow:hidden;gap:2px;background:var(--am-bg)}
.am-stackbar>span{display:block;min-width:4px}
.am-seg-a{background:var(--am-brand)}
.am-seg-b{background:var(--am-text-muted)}
.am-seg-c{background:var(--am-ok)}
.am-seg-d{background:var(--am-border-strong)}
.am-seg-e{background:repeating-linear-gradient(135deg,var(--am-brand) 0 4px,var(--am-brand-soft) 4px 8px)}
.am-legend{list-style:none;margin:8px 0 0!important;padding:0!important;display:grid;gap:4px}
.am-legend li{display:flex;align-items:center;gap:10px;margin:0!important;font-size:15px}
.am-legend i{width:14px;height:14px;border-radius:3px;flex:none;display:inline-block}
.am-legend b{margin-left:auto;font-variant-numeric:tabular-nums}

/* ---------- 15. ADS, IMAGES, TOAST, MODAL ---------- */
.am-ad{display:grid;justify-items:center;gap:6px;margin-block:40px}
.am-ad__label{font-size:13px;line-height:1;color:var(--am-text-muted);letter-spacing:.02em}
.am-ad__slot{width:300px;height:250px;max-width:100%;display:grid;place-items:center;text-align:center;padding:12px;background:var(--am-surface);border:1px dashed var(--am-border-strong);border-radius:4px;color:var(--am-text-muted);font-size:15px;line-height:1.4}
@container (min-width:768px){.am-ad--content .am-ad__slot{width:336px;height:280px}}
.am-ad--side{margin:0}
.am-ad--side .am-ad__slot{width:300px;height:600px}
.am-ad--multi .am-ad__slot{width:100%;height:400px}
.am-img{margin:0;display:grid;gap:8px}
.am-img__ph{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;padding:12px;border-radius:12px;background:repeating-linear-gradient(135deg,var(--am-ph-a) 0 14px,var(--am-ph-b) 14px 28px);color:var(--am-ph-ink);text-align:center;overflow:hidden}
.am-img__ph--16x9{aspect-ratio:16/9}
.am-img__ph--4x3{aspect-ratio:4/3}
.am-img__ph--21x9{aspect-ratio:21/9}
.am-img__ph--resp{aspect-ratio:4/3}
@container (min-width:768px){.am-img__ph--resp{aspect-ratio:16/9}}
.am-img__ph--hub{aspect-ratio:4/3}
@container (min-width:768px){.am-img__ph--hub{aspect-ratio:21/9}}
.am-img__id{display:inline-block;background:var(--am-bg);color:var(--am-text);padding:6px 10px;border-radius:6px;font:600 14px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}
.am-img__cap{font-size:13px;line-height:1.45;color:var(--am-text-muted)}
.am-toast{display:inline-flex;align-items:center;gap:10px;background:var(--am-text);color:var(--am-bg);padding:12px 16px;border-radius:8px;box-shadow:var(--am-shadow);font-size:15px;font-weight:600}
.am-backdrop{background:rgba(15,19,24,.55);padding:24px;border-radius:12px;display:grid;place-items:center}
.am-modal{background:var(--am-bg);color:var(--am-text);border-radius:12px;box-shadow:var(--am-shadow);width:100%;max-width:520px;padding:24px;border:1px solid var(--am-border);display:grid;gap:16px}
.am-remind{display:grid;gap:16px;padding:20px;border:1px solid var(--am-border);border-radius:12px;background:var(--am-bg)}
.am-remind__head{display:flex;align-items:center;gap:10px}
.am-remind__head .am-i{color:var(--am-brand);width:24px;height:24px}
.am-remind__head h2,.am-remind__head h3{margin:0!important;font-size:20px!important}
.am-remind p{margin:0}
.am-remind--ok{background:var(--am-ok-bg);border-color:color-mix(in srgb,var(--am-ok) 30%,transparent)}
.am-remind--ok .am-remind__head .am-i,.am-remind--ok .am-remind__head h3{color:var(--am-ok)}
.am-demo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;border:2px dashed var(--am-border-strong);border-radius:12px;font-size:15px;background:var(--am-bg);margin-bottom:16px;max-width:var(--am-toolw)}
.am-demo__label{font-weight:700;color:var(--am-text-muted);margin-right:4px;width:100%}
.am-demo .am-chip{min-height:40px}
.am-where{display:grid;gap:16px;padding:20px;border:1px solid var(--am-border);border-radius:12px;background:var(--am-surface)}
.am-where__head{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}
.am-where__list{list-style:none;margin:0!important;padding:0!important;display:grid;gap:8px;font-size:15px}
.am-where__list li{display:flex;align-items:center;gap:10px;margin:0!important}
.am-doc{background:var(--am-bg);border:1px solid var(--am-border-strong);border-radius:8px;padding:16px;display:grid;gap:10px;max-width:420px}
.am-doc__title{font-size:13px;font-weight:700;color:var(--am-text-muted)}
.am-doc__row{display:flex;align-items:center;gap:10px}
.am-doc__code{font:700 13px/1 ui-monospace,Menlo,monospace;color:var(--am-text-muted);width:32px}
.am-doc__line{flex:1;height:10px;border-radius:4px;background:var(--am-surface);border:1px solid var(--am-border)}
.am-doc__row.is-hl .am-doc__line{background:var(--am-brand-soft);border-color:var(--am-brand)}
.am-doc__row.is-hl .am-doc__code{color:var(--am-brand)}
.am-callout{width:26px;height:26px;border-radius:50%;background:var(--am-brand);color:var(--am-bg);display:inline-grid;place-items:center;font:700 14px/1 var(--am-font);flex:none}
.am-flow{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
@container (min-width:768px){.am-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
.am-flow__step{border:1px solid var(--am-border);border-radius:12px;padding:14px 16px;background:var(--am-bg);font-size:15px;line-height:1.5}
.am-flow__step strong{display:block;font-size:17px;color:var(--am-brand)}
.am-flow__step.is-on{background:var(--am-brand-soft);border-color:var(--am-brand);box-shadow:inset 0 0 0 1px var(--am-brand)}

/* single-column grids: never let one long child widen the column (320 px reflow) */
.am-tool__form,.am-tool__out,.am-result,.am-field,.am-remind,.am-fines,.am-modal,.am-next,.am-feedback,.am-where,.am-doc,.am-img,.am-kvlist{grid-template-columns:minmax(0,1fr)}
.am-hbtn__txt{white-space:nowrap}
@container (max-width:359px){
  .am-hbtn__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .am-hbtn{padding:0 10px}
}